如何从WebStorm内部的grunt serve开始调试Angular网站？

我想从WebStorm内部调试我的AngularJS站点。该网站配有“grunt serve”。我已经在Chrome中安装JetBrains的IDE支持插件，它被配置为63342.如何从WebStorm内部的grunt serve开始调试Angular网站？

我使用的默认端口上运行

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

当我运行繁重的发球，我的网站在Chrome中开始。当我点击JavaScript调试配置的调试按钮时，调试器窗口会显示一段时间后，弹出窗口显示来自Chrome的“等待来自JetyBrains IDE支持扩展的连接”。请确保你已经安装了......”

我还没有得到黄弹出在Chrome告知JetBrains的IDE支持扩展功能。

当我去看看在控制台_generated_background_page.html的JetBrains的IDE支持扩展程序，我看到以下消息：

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

但后来什么都不会发生了

是否有人对如何调试AngularJS本站咕噜从发球跑一步步手动在WebStorm内？

2016-12-01 mvermand

打开Chrome debogger等把debogger的脚本部分中断点。如果你想使它与Jetbrains aniway协同工作，它显然与grunt或webstorm无关，只是在你的ide和chrome之间。 – Walfrat

Webstorm是IDE ;-) – mvermand

我发现它：我需要更改Jetbrains IDE支持扩展选项中的主机设置。它有“127.0.0.1”值，当我改变它到“localhost”的，事情就开始工作了！

2016-12-01 13:08:31 mvermand

你是在windows下（或者是windows的虚拟机）？我记得有时会遇到这样的麻烦，但从来没有在linux下做过类似的事情。 – Walfrat

是的，我在Windows上运行。 – mvermand

此类问题可能是由代理服务器/防火墙阻止对“127.0.0.1”的请求造成的...... – lena

回答