从gulp运行时调试Webstorm中的节点js

Tal*_*ili 6 javascript node.js webstorm gulp angular-fullstack

我对此很新,但我真的尽力寻找答案.

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

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

我正在尝试做的是使gulp服务nodemon实例达到我拥有的Webstorm断点.

到目前为止我尝试过的:

- 定期调试.(琐碎的..)但似乎节点在遇到ECMA6语法时会发送激励.(仍然..我宁愿运行gulp实例而不是从webstorm运行它.)

- 使用--debug

- 在webstorm中使用"远程调试".

- 在gulp任务中设置节点检查器并将其设置为listen 5353

- 在端口5353上使用--debug-brk和debug(例如)

如果有人可以帮助我,我真的很感激.这家伙在这里说Webstorm无法处理这种情况,但很奇怪,你可以调试远程服务器,但是你无法调试gulp nodemon服务器实例? 从gulp运行时在WebStorm中调试节点应用程序

NJI*_*dar 3

假设您正在使用 Node.js。它提供了 Node Inspector 来在 Chrome 浏览器本身上调试服务器端文件,与浏览器调试中给出的经验类似。

这是设置节点检查器的参考链接。

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

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

npm install -g node-inspector
Run Code Online (Sandbox Code Playgroud)

2)启动node Inspector 可以从任意目录启动

node-inspector 
Run Code Online (Sandbox Code Playgroud)

结果,您将收到一个在浏览器中调试的网址

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

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

cd /path/to/your/project/directory/nodejs/server
node --debug server
Run Code Online (Sandbox Code Playgroud)

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