vscode調試nodejs

項目根目錄下新建.vscode文件夾，同時該文件夾下新建launch.json文件

launch.json

{
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "nodemon",
            "runtimeExecutable": "nodemon",
            "program": "${workspaceFolder}/app/starter.js",
            "restart": true,
            "console": "integratedTerminal",
            "internalConsoleOptions": "neverOpen"
        }
    ]
}

 

注意:

1.需要在項目跟目錄下，不然點擊啟動調試的時候識別不出來該項目中有這個調試任務

2.program啟動程序配置項，${workspaceFolder}為當前工作面板下，注意改項目最好是根目錄直接在vscode的工作面板中作為一個項目，而不是一個嵌套在一個項目下的子項目。

3.${workspaceFolder}/app/starter.js中app/starter.js是這個項目下app目錄下的starter.js文件作為啟動文件。這個文件如果配置不對，會出現調試工具欄啟動成功后一閃而過便消失，例如像測試接口的時候怎么調用接口都進入不了調試。

   （1)如何正確的找到配置啟動文件：去jsonpack.json文件中main字段中找，例如我的項目中main字段

       "main": "app/starter.js",所以我們的launch.json中就應該配置成"program": "${workspaceFolder}/app/starter.js"。一般express創建的項目啟動文件都是項目跟目錄下app.js,我們就要配置成"program": "${workspaceFolder}/app.js"。

   （2）配置成功后，調試狀態欄就會一直固定在vscode界面的頂部，哪怕沒有接口調試的訪問，也會一直在。

   （3）注意調試模式下需要把正式的啟動后端的cmd關閉，不然會出現已經啟動了一個端口，端口沖突。

正確啟動調試工具的情況如圖

 

給代碼加斷點，並通過postman訪問接口時調試成功有反應的截圖