Grunt Server和WebStorm javascript调试（和SpyJS）无法正常工作

Question

我有一个我用自制的应用程序，咕噜咕噜的角度JS（典型的设置 - 下面包含的图像）。我试图用spyjs调试我的项目（甚至是常规的javascript调试），但是当我运行＆＃34; grunt serve＆＃34;时，我似乎无法让它工作。 - 从WebStorm加载的文件显然不是通过grunt服务器（而是localhost：63343）。任何想法我如何正确配置以使调试工作？

这是我的SpyJS配置：

我还尝试使用localhost：9000来跟踪要跟踪的URL（这是运行grunt服务的端口），并且我尝试过使用其他节点解释器。

Answer 1

您需要使用运行客户端代码的服务器（localhost:3000）而不是WebStorm内置Web服务器来调试Grunt提供的Angular应用程序。有关提示，请参阅Debugging grunt with Intellij 注意：没有尝试使用spyjs - 只使用常规调试器

Answer 2

您需要升级到Webstorm 9.根据spy-js

  

WebStorm 9 EAP现在支持Node.js跟踪，包括多进程和节点集群跟踪支持。

然后使用Spy-js个人资料。

，而不是使用Spy-js for Node.js个人资料

此屏幕截图来自Webstorm 9 RC。

Answer 3

我也在使用Yeoman生成器（AngularJs + grunt），我正在使用JavaScript Debug配置调试应用程序，如下所示： http://ignaciosuay.com/wp-content/uploads/2015/01/setConfig.png 看看这个post关于如何使用Intellij调试angularJS（它也适用于web风暴）