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

我最近安装了适用于 Visual Studio 的 NodeJS 工具 https://github.com/Microsoft/nodejstools其中宣称支持 VS 中的 Node 环境。值得注意的是，它能够从 IDE 设置调试断点。

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

不久前我发现了这个帖子：使用 Visual Studio Task Runner Explorer 运行 gulpfile.js 时如何调试它？ https://stackoverflow.com/questions/28389037/how-can-i-debug-gulpfile-js-when-running-it-with-visual-studio-task-runner-explo然而，这篇文章不涉及 NodeJS Tools for VS。因此，我重新提出问题以考虑该插件。

你可以。右键单击 Node 项目，选择特性，并按如下方式配置您的应用程序（在图中，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 键，您应该会看到 Node 进程出现在列表中。点击Attach.

瞧，断点被击中了。

有几点需要注意：

• 如果你得到类似的东西Unable to attach to process. Error 0x80004005使用不同的端口。我无法让它与端口 5858 一起工作。
• 第一次附加到进程时它可能不起作用（请参阅我之前的屏幕截图我是如何得到的ECANCELED？）。再试一次。