从 gulp 运行时在 Webstorm 中调试节点 js答案

【问题标题】：Debugging node js in Webstorm when running from gulp从 gulp 运行时在 Webstorm 中调试节点 js
【发布时间】：2016-07-23 05:05:43
【问题描述】：

我对此很陌生，但我真的尽我所能寻找答案。

我使用 yeoman 生成了一个应用程序。（使用 'angular fullstack' - https://github.com/angular-fullstack/generator-angular-fullstack）

它有一个 gulpfile.babel.js 配置文件，运行 nodemon。

我要做的是让 gulp 服务 nodemon 实例来击中我拥有的 Webstorm 断点。

到目前为止我已经尝试过什么：

-- 定期调试。（微不足道..）但似乎节点在遇到 ECMA6 语法时会发送 excpections。（仍然......我宁愿运行 gulp 实例而不是从 webstorm 运行它。）

-- 使用--debug

-- 在 webstorm 中使用“远程调试”。

-- 在 gulp 任务中设置节点检查器并设置他监听 5353

-- 使用 --debug-brk 并在端口 5353 上调试（例如）

如果有人可以帮助我，我将不胜感激。这家伙说Webstorm不能处理这种情况，但是很奇怪，你可以调试远程服务器但你不能调试gulp nodemon服务器实例？ Debugging node app in WebStorm when run from gulp

【问题讨论】：

【解决方案1】：

假设您使用的是 Node.js。它提供节点检查器来调试chrome浏览器本身的服务器端文件，在浏览器调试中提供了类似的经验。

以下是设置节点检查器的步骤。

1) 使用命令安装节点检查器

npm install -g node-inspector

2) 启动节点检查器您可以从任何目录启动它

node-inspector

因此，您将收到一个 url 以在浏览器中进行调试

3) 以调试模式重启节点服务器

将目录更改为项目的服务器文件夹

cd /path/to/your/project/directory/nodejs/server
node --debug server

4) 在调试模式下成功启动服务器后，复制上述结果中收到的 url 并在 Chrome 浏览器中打开它。在那里，您可以在 调试器的源代码部分上看到 Node.js 的所有服务器端文件，您可以在其中对已编写的服务器 javscript 文件应用断点。

【讨论】：