当运行来自 gulp 时在 Webstorm 中调试节点 js

Question

我对此很陌生，但我真的尽了最大努力寻找答案。

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

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

我想做的是让 gulp 服务 nodemon 实例命中我的 Webstorm 断点。

到目前为止我尝试过的内容：

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

-- 使用 --debug

-- 在 webstorm 中使用 'remote debug'。

-- 在gulp任务中设置node inspector并设置他监听5353

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

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

Answer 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 文件应用断点。

Debugging node js in Webstorm when running from gulp