0
WebStorm内からAngularJSサイトをデバッグしようとしています。 サイトには「grunt serve」が付いています。 私はWebstorm 2016年3月1日 WebStorm内でgrunt serveで開始されたAngular Webサイトをどのようにデバッグできますか？
- を使用Chromeでインストールされ、デフォルトのポート63342.
上で動作するように設定されているプラグインJetBrainsのIDEをサポートしています"grunt-contrib-connect"： "〜1.0.2"
Webstormでは、JavaScriptのタイプの実行コンフィギュレーションを作成しました。 は、そこに私が入れている：
- URLフィールドを gruntfileで構成されたものと同じであるhttp://localhost:9001に。
- ブラウザ：デフォルト（クローム）ローカルファイルの
- リモートのURL：http://localhost:9001
にマッピングされた srcフォルダ私はサーブうなり声を実行すると、私のサイトはクロームで起動します。 JavaScriptデバッグ設定のデバッグボタンを押すと、デバッガウィンドウが表示されますが、しばらくしてからChromeから「JetyBrains IDEサポート拡張機能からの接続を待っています」というポップアップが表示されます。 「...あなたがインストールされている
を確認してくださいまた、私は行くと
。JetBrainsのIDEサポートの拡張機能が機能していることを伝えるChromeで黄色のポップアップを取得し、の_generated_background_page.htmlのコンソールで見ていませんJetBrainsのIDEサポートの拡張、私は次のメッセージを参照してください。
IN [21,"Debugger","attach",["http://localhost:9001",true]]
をしかし、その後、何ももう起こりません
誰かがAngularJSサイトをデバッグする方法についてのステップマニュアルによるステップは兵卒で走っていないからサーブWebStorm内で？
Chromeを開きdeboggerらdeboggerのスクリプトセクション内にブレークポイントを置きます。あなたがJetbrainsで動作するようにしたいのであれば、それはあなたのideとchromeの間のちょうど不平や嵐のようなものではありません。 – Walfrat
WebstormはIDEです;-) – mvermand