从gulp运行时,在Webstorm中debugging节点js

我对此相当陌生,但我真的尽了最大努力寻找答案。

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

它有一个运行nodemon的gulpfile.babel.jsconfiguration文件。

我正在尝试做的是让gulp服务nodemon实例打到我有的Webstorm断点。

我到目前为止所尝试的是:

– 定期debugging。 (微不足道的)但是,当他遇到ECMA6语法时,似乎节点发送了excpections。 (Still ..我宁愿运行gulp实例,也不要从webstorm运行它。)

– 使用–debug

– 在webstorm中使用“远程debugging”。

– 在gulp任务中设置节点检查器并将其设置为侦听5353

– 使用–debug-brk并在端口5353上debugging(例如)

如果有人能帮助我,我真的很感激。 这个人在这里说Webstorm不能处理这种情况,但它很奇怪,你可以debugging远程服务器,但你不能debugginggulp nodemon服务器实例? 从gulp运行时,在WebStorm中debugging节点应用程序

       

网上收集的解决方案 "从gulp运行时,在Webstorm中debugging节点js"

假设你正在使用Node.js 它提供了节点检查器来debuggingChrome浏览器本身的服务器端文件,在浏览器debugging中给出了类似的经验。

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

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

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

npm install -g node-inspector 

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

 node-inspector 

因此,您将收到一个URL在浏览器中进行debugging

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

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

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

4)一旦服务器在debugging模式下启动成功,复制上面收到的URL并在Chrome浏览器中打开。 您可以在debugging器的源代码部分查看Node.js的所有服务器端文件,您可以在这些文件上应用已经写入的javscript文件的断点。