Grunt Server 和 WebStorm javascript 调试（和 SpyJS）不起作用答案

【问题标题】：Grunt Server and WebStorm javascript debugging (and SpyJS) not workingGrunt Server 和 WebStorm javascript 调试（和 SpyJS）不起作用
【发布时间】：2014-10-29 13:30:45
【问题描述】：

我有一个我用 yeoman 制作的应用程序，用 Angular JS 咕哝着（典型设置 - 图片如下）。我正在尝试使用 spyjs 调试我的项目（甚至是常规的 javascript 调试），但是当我运行“grunt serve”时我似乎无法让它工作 - 从 WebStorm 加载的文件显然没有通过 grunt 服务器（但 localhost:63343 代替）。有什么想法可以正确配置以使调试工作吗？

这是我的 SpyJS 配置：

我还尝试使用 localhost:9000 来跟踪要跟踪的 URL（这是运行 grunt serve 的端口），并且我尝试使用另一个节点解释器。

【问题讨论】：

标签： node.js angularjs gruntjs webstorm

【解决方案1】：

您需要使用运行客户端代码的服务器 (localhost:3000) 而不是 WebStorm 内置的网络服务器来调试由 Grunt 提供的 Angular 应用程序。有关一些提示，请参阅Debugging grunt with Intellij 注意：没有用 spyjs 试过这个 - 只能用常规调试器

【讨论】：

【解决方案2】：

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

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

那么不要使用Spy-js 配置文件，而是使用Spy-js for Node.js 配置文件。

此截图来自 Webstorm 9 RC。

【讨论】：

什么是cli.js文件？
应用的入口点。可以是 index.js 或 server.js 或任何运行应用程序的东西。

【解决方案3】：

我也在使用 Yeoman 生成器（AngularJs + grunt），我正在使用 JavaScript Debug 配置调试应用程序，如下所示：
_{（来源：ignaciosuay.com）}

看看这个post 了解如何使用 Intellij 调试 angularJS（它应该也适用于 web Storm）

【讨论】：