首先確認Node.js和VSCode環(huán)境已就緒，1. 安裝必要組件并驗證；2. 在項目根目錄創(chuàng)建.vscode/launch.json配置調(diào)試參數(shù)如program指向主文件；3. 在代碼中設(shè)置斷點后通過F5啟動調(diào)試；4. 可通過args傳參或配置runtimeExecutable調(diào)試npm腳本。

要調(diào)試一個簡單的 Node.js 應用，VSCode 提供了強大的內(nèi)置支持。只需正確配置啟動設(shè)置，就可以輕松打斷點、查看變量和逐步執(zhí)行代碼。

1. 確保環(huán)境準備就緒

確認你已經(jīng)安裝了以下內(nèi)容：

• Node.js（可通過命令行運行 node -v 驗證）
• VSCode 編輯器
• 在 VSCode 中安裝了官方的 JavaScript 和 Node.js 調(diào)試擴展（通常默認已安裝）

你的項目中應包含一個簡單的入口文件，比如 app.js 或 index.js。

2. 創(chuàng)建調(diào)試配置文件 launch.json

在項目根目錄下創(chuàng)建 .vscode 文件夾，并添加 launch.json 文件來定義調(diào)試行為。

步驟如下：

• 打開 VSCode，進入“運行”視圖（快捷鍵 Ctrl+Shift+D）
• 點擊“創(chuàng)建 launch.json 文件”
• 選擇環(huán)境為 Node.js

生成的配置示例：

說明：
- program 指向你的主文件，根據(jù)實際文件名調(diào)整
- console 設(shè)為 integratedTerminal 可在終端中看到輸出
- skipFiles 忽略 Node 內(nèi)部代碼，避免誤入

3. 設(shè)置斷點并啟動調(diào)試

打開你的主 JS 文件（如 app.js），在你想暫停執(zhí)行的某一行左側(cè)點擊，設(shè)置一個斷點（紅點出現(xiàn)即可）。

青柚面試

簡單好用的日語面試輔助工具

57

查看詳情

回到“運行”視圖，選擇“調(diào)試 Node.js 應用”，然后點擊綠色三角按鈕或按 F5 啟動。

程序會在斷點處暫停，你可以：

• 查看當前作用域的變量值
• 使用調(diào)試工具欄單步執(zhí)行（逐行、跳入函數(shù)等）
• 在調(diào)試控制臺中執(zhí)行表達式

4. 調(diào)試常見腳本或帶參數(shù)的應用

如果你需要傳遞命令行參數(shù)，可以修改 launch.json 中的 args 字段：

若要調(diào)試通過 npm script 運行的應用（如 npm start），可使用：

基本上就這些。只要配置好 launch.json 并設(shè)置斷點，VSCode 就能很好地調(diào)試大多數(shù)簡單 Node.js 應用。不復雜但容易忽略的是路徑和文件名是否匹配。

以上就是如何配置VSCode來調(diào)試一個簡單的Node.js應用？的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！