vscode如何除錯js?
在偵錯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
調試成功
相關推薦:vscode教學
以上是vscode如何調試js的詳細內容。更多資訊請關注PHP中文網其他相關文章!