1. VSCode 上裝插件:Debugger for Chrome
ctrl+shift+p 選擇Extensions:install Extensions,選擇Debugger for Chrome,installing,然後reload
2. 修改launch.json
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [{
"name": "谷歌瀏覽器", //運行html文件,用谷歌瀏覽器打開
"type": "chrome",
"request": "launch",
"url": "${file}",
"sourceMaps": true,
"webRoot": "${workspaceRoot}"
},
{
"name": "nodeLauch", //單獨調試js,即可以直接運行js
"type": "node",
"request": "launch",
"program": "${file}", //這個配置成你要調試的文件、${file}當前打開的文件
"stopOnEntry": false,
"args": [],
"cwd": "${workspaceRoot}",
"runtimeExecutable": null,
"runtimeArgs": [
"--nolazy"
],
"env": {
"NODE_ENV": "development"
},
"console": "internalConsole",
"preLaunchTask": "",
"sourceMaps": false,
"outDir": null
}
]
}