node.js - 如何使用 Node Tools for Visual Studio 调试 Gulp 任务？

Question

我最近安装了 NodeJS Tools for Visual Studio吹捧对 VS 中 Node 环境的支持。值得注意的是，它能够从 IDE 设置调试断点。

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

我不久前发现了这篇文章:How can I debug gulpfile.js when running it with Visual Studio Task Runner Explorer?但是，这篇文章不涉及 VS 的 NodeJS 工具。所以，我重新提出这个问题以考虑该插件。

Answer 1

你可以。右键单击 Node 项目，选择 Properties，然后如下配置您的应用程序(在图像中，default 是您要运行的 Gulp 任务)。

替代方法:

1. 在终端中，在 gulpfile 所在的目录中，运行 node --debug=44331 --debug-brk ../node_modules/gulp/bin/gulp.js default。就我而言，default 是我要运行/调试的任务名称。
2. 在 Visual Studio 中，转到 调试 |附加到进程。选择 Node.js Remote debugging 作为 Transport，并在限定符中选择 localhost:44331。按 Enter 键，您应该会看到 Node 进程出现在列表中。点击附加。

瞧，断点被命中了。

有几点需要注意:

• 如果您得到类似 无法附加到进程的信息。错误 0x80004005 使用不同的端口。我无法让它与端口 5858 一起工作。
• 第一次附加到进程时它可能不起作用(请参阅我之前的屏幕截图我是如何获得 ECANCELED 的？)。再试一次。