如何在 WebStorm 中调试以 grunt serve 启动的 Angular 网站？
How can I debug an Angular website started with grunt serve inside WebStorm?
我正在尝试从 WebStorm 中调试我的 AngularJS 站点。
该网站提供 "grunt serve"。
我在 Chrome 中安装了 Jetbrains IDE 支持插件，它被配置为在默认端口 63342 上工作。
我用
- Windows 8.1 作为开发平台
- Webstorm 2016.3.1
- "grunt-contrib-connect": "~1.0.2"
在 Webstorm 中，我创建了一个 运行 类型的 JavaScript 调试配置。
在那里我放了：
- URL 字段到 http://localhost:9001 与配置相同
g运行t文件。
- 浏览器：默认 (chrome)
- 远程URLS个本地文件：
src 文件夹映射到 http://localhost:9001
当我 运行 g运行t 服务时，我的网站开始于 chrome。
当我点击 JavaScript 调试配置的调试按钮时，调试器 window 显示，但过了一会儿弹出窗口显示 "Waiting for connection from JetyBrains IDE Support extension" 来自 Chrome。请确保您已安装..."
我也没有在 Chrome 中看到黄色弹出窗口，告诉我 Jetbrains IDE 支持扩展功能正常。
当我在控制台中查看 Jetbrains IDE 支持扩展的 _generated_background_page.html 时，我看到以下消息：
IN [21,"Debugger","attach",["http://localhost:9001",true]]
但后来什么都没有了。
有人有关于如何在 WebStorm 中使用 G运行t 服务调试 AngularJS 站点 运行 的分步手册吗？
我找到了：我需要在 Jetbrains IDE 支持扩展的选项中更改主机设置。它的值为 "127.0.0.1"，当我 更改 时，它 为 "localhost"，事情开始解决了！
我正在尝试从 WebStorm 中调试我的 AngularJS 站点。 该网站提供 "grunt serve"。 我在 Chrome 中安装了 Jetbrains IDE 支持插件，它被配置为在默认端口 63342 上工作。
我用
- Windows 8.1 作为开发平台
- Webstorm 2016.3.1
- "grunt-contrib-connect": "~1.0.2"
在 Webstorm 中，我创建了一个 运行 类型的 JavaScript 调试配置。 在那里我放了：
- URL 字段到 http://localhost:9001 与配置相同 g运行t文件。
- 浏览器：默认 (chrome)
- 远程URLS个本地文件： src 文件夹映射到 http://localhost:9001
当我 运行 g运行t 服务时，我的网站开始于 chrome。 当我点击 JavaScript 调试配置的调试按钮时，调试器 window 显示，但过了一会儿弹出窗口显示 "Waiting for connection from JetyBrains IDE Support extension" 来自 Chrome。请确保您已安装..."
我也没有在 Chrome 中看到黄色弹出窗口，告诉我 Jetbrains IDE 支持扩展功能正常。
当我在控制台中查看 Jetbrains IDE 支持扩展的 _generated_background_page.html 时，我看到以下消息：
IN [21,"Debugger","attach",["http://localhost:9001",true]]
但后来什么都没有了。
有人有关于如何在 WebStorm 中使用 G运行t 服务调试 AngularJS 站点 运行 的分步手册吗？
我找到了：我需要在 Jetbrains IDE 支持扩展的选项中更改主机设置。它的值为 "127.0.0.1"，当我 更改 时，它 为 "localhost"，事情开始解决了！