如何使用Visual Studio的Node Tools调试Gulp任务？

Question

我最近为Visual Studio安装了NodeJS Tools,它支持VS中的Node环境.值得注意的是,它能够从IDE设置调试断点.

我不清楚在调试Gulp任务时是否可以设置断点.Task Runner能够检测Gulp任务并将console.log语句输出到窗口,但我还没有找到更好的调试方法.

我在一段时间后发现了这篇文章:如何在使用Visual Studio Task Runner Explorer运行时调试gulpfile.js？但是,这篇文章不涉及NodeJS Tools for VS. 所以,我正在重新提出问题以考虑该插件.

Answer 1

您可以.右键单击"节点"项目,选择" 属性",然后按如下方式配置应用程序(在图像中,default是要运行的Gulp任务).

替代方法:

1. 在终端中,以及gulpfile所在的目录中,运行node --debug=44331 --debug-brk ../node_modules/gulp/bin/gulp.js default.就我而言,default是我想要运行/调试的任务名称.
2. 在Visual Studio中,转到Debug | Attach to Process.选择Node.js Remote debugging为传输,并在限定符中选择localhost:44331.按Enter键,您会看到节点进程出现在列表中.点击Attach.

瞧,断点受到了打击.

有几点需要注意:

• 如果你得到类似的东西Unable to attach to process. Error 0x80004005使用不同的端口.我无法使用端口5858.
• 它可能无法在您第一次附加到该过程时工作(请参阅我之前的截图我是如何得到的ECANCELED？).再试一次.