如何在WebStorm中调试以grunt服务开头的Angular网站？

Question

我正在尝试从WebStorm中调试我的AngularJS站点。 该网站提供“咕噜咕噜的服务”。 我在Chrome中安装了Jetbrains IDE支持插件，它配置为在默认端口63342上工作。

我用

• Windows 8.1作为开发平台
• Webstorm 2016.3.1
• “grunt-contrib-connect”：“~1.0.2”

在Webstorm中，我创建了一个JavaScript调试类型的运行配置。 我在那里说：

• http://localhost:9001的网址字段与配置相同 grunt文件。
• 浏览器：默认（chrome）
• 本地文件的远程URL： src文件夹映射到http://localhost:9001

当我运行grunt服务时，我的网站以chrome开头。 当我点击JavaScript调试配置的调试按钮时，调试器窗口显示但是一段时间后弹出窗口显示“从JetyBrains IDE支持扩展中等待连接”。请确保您已安装......“

我也没有在Chrome中看到黄色弹出窗口，告诉Jetbrains IDE Support扩展功能。

当我在控制台中查看Jetbrains IDE Support扩展的_generated_background_page.html时，我看到以下消息：

IN [21,"Debugger","attach",["http://localhost:9001",true]]

但后来没有任何事情发生了。

是否有人有关于如何调试从WebStorm中使用Grunt服务运行的AngularJS站点的分步手册？

Answer 1

我发现它：我需要更改Jetbrains IDE Support扩展选项中的主机设置。它具有＆＃34; 127.0.0.1＆＃34; 的值，当我更改时，它到 ＆＃34; localhost＆＃34; ，事情开始成功了！