1. 程式人生 > >vscode除錯JavaScript程式碼

vscode除錯JavaScript程式碼

在除錯JavaScript程式碼時,有兩種比較簡單的方法。

1.使用Chrome等瀏覽器除錯
2.在vscode配置JavaScript執行環境
本文主要介紹第二種方法

配置步驟:

1.下載並安裝Node.js(Node.js是JavaScript的一個執行環境)

這個在Node.js官網或者中文網都可以找到

2.配置vscode

點選vscode中“除錯”按鈕,開啟launch.json檔案(或者使用Ctrl+Shift+P輸入launch.json)

在裡面新增

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]
注意:${workspaceRoot}為當前程式工作的絕對路徑。

3.除錯

新建一個js檔案,將launch.json中program裡面的1.js改為你要除錯的檔名,並把改檔案放在絕對路徑下
(function name(params) {
    console.log("message");
})();
使用F5除錯,得到 node --debug-brk=37692 --nolazy Untitled-1.js Debugger listening on [::]:37692 message
除錯成功