javascript - 从 gulp 运行时在 Webstorm 中调试 Node js

Question

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

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

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

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

到目前为止我尝试了什么:

-- 定期调试。 (微不足道..)但是当 Node 遇到 ECMA6 语法时，它似乎会发送异常。 (仍然..我宁愿运行 gulp 实例也不愿从 webstorm 运行它。)

-- 使用 --debug

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

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

-- 使用 --debug-brk 并在端口 5353 上进行调试(例如)

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

Answer 1

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

这是 reference link to set up the node inspector.

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

1)用命令安装node inspector

npm install -g node-inspector

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

node-inspector 

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

3)在 Debug模式下重启 Node 服务器

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

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

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