vscode除錯JavaScript程式碼
阿新 • • 發佈:2019-01-24
在除錯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
除錯成功