如何使用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 Debug | Attach to Process 。 選擇Node.js Remote debugging as Transport，並在限定符中選擇localhost:44331 。 按Enter鍵，您會看到節點進程出現在列表中。 單擊Attach 。

瞧，斷點受到了打擊。

有幾點需要注意：

• 如果你得到像Unable to attach to process. Error 0x80004005東西Unable to attach to process. Error 0x80004005 Unable to attach to process. Error 0x80004005使用不同的端口。 我無法使用端口5858。
• 您第一次附加到該過程時可能無法工作（請參閱我之前的屏幕截圖，我是如何獲得ECANCELED ？）。 再試一次。