vscodenodejs調試（vscode調試js代碼）

本文目錄一覽：

• 1、vscode 怎樣在不重啟的情況下調試nodejs
• 2、VScode如何逐步運行調試javaScript？
• 3、[Node] 如何使用 VSCode 調試 child_process

vscode 怎樣在不重啟的情況下調試nodejs

在 D:\NodeJS\npmjs文件夾下打開命令行工具 執行 node install npm -gf (當我做這一步時，提醒我版本不對，應該用0.4、0.5、0.6版，

所以我換成了0.6版的node.exe, 這樣就安裝好nmp了)

執行 npm -v 查看版本，驗證是否成功安裝。

VScode如何逐步運行調試javaScript？

nodejs 直接F5選擇nodejs啟動調試，網頁的js直接使用Chrome自帶的開發者工具（快捷鍵F12）調試。

調試期間F5整體運行（瀏覽器F8），F10單步調試，F11逐步調試（進方法內部）

[Node] 如何使用 VSCode 調試 child_process

使用 VSCode 調試 Node.js 的時候，

遇到 child_process 中的斷點，是跟不進去的。

（1）目錄結構

打開 VSCode，並以 main 作為根目錄，

（2）app.js

（3）child/process.js

（4）.vscode/launch.json

main 項目中按 F5 ，程序會停在 app.js 中的斷點處，單步調試，

然後，調試進程就結束了。並不會跑到第 6 行的斷點處，

child/process.js 中的斷點，也跑不進去，

以上示例中，我們發現 VSCode 無法調試到 child_process 中。

也不確定 VSCode 未來是否會支持。

當前我們可以通過 Debug 的 Attach 方式，對 child_process 進行調試。

我們需要另一個 VSCode 實例來 Attach，兩個 VSCode 一起使用。

main 項目的 .vscode/launch.json 啟動 main/app.js

attach 項目的 .vscode/launch.json attach 到 child_process

目錄結構分別如下，

為了能 attach 成功，我們需要同步修改 main/app.js 與 attach/.vscode/launch.json，

調試端口號可以任選，不一定的 9001 ，但應保持一致。

（1）main/app.js

（2）attach/.vscode/launch.json

（1）啟動 main 項目

（2）debug attach 項目

attach 項目中按 F5 ，VSCode 會 attach 到已經啟動的子進程上，

（1）main 項目，按 F5 啟動調試

main 項目單步調試，

這時子進程已經啟動了，切換到 attach 項目啟動調試。

（2）attach 項目，按 F5 啟動調試

attach 項目單步調試，

（3）main 項目 child.send

main 項目單步調試，斷點直接跑到了 attach 項目中，

attach 項目單步調試，斷點又回到 main 項目，

Debugging in Visual Studio Code