WebStorm内でgrunt serveで開始されたAngular Webサイトをどのようにデバッグできますか？

Question

WebStorm内からAngularJSサイトをデバッグしようとしています。 サイトには「grunt serve」が付いています。 私はWebstorm 2016年3月1日

開発プラットフォームとしてのWindows 8.1

• を使用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内で？

Answer 1

見つかりました：私はJetbrains IDEサポート拡張のオプションでホスト設定を変更する必要がありました。それ「localhost」をに、物事がうまく始めたそれは「127.0.0.1」の値を持っていたし、私を変更したときに！