首先需要在 VSCode 安装插件:Debugger for Chrome 接着主要是配置 launch.json:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
| { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:8080", "webRoot": "${workspaceFolder}" }, { "name": "使用本机 Chrome 调试", "type": "chrome", "request": "launch", "file": "${workspaceRoot}/index.html", "runtimeExecutable": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "sourceMaps": true, "webRoot": "${workspaceRoot}", "userDataDir": "${tmpdir}", "port": 5433 } ] }
|
然后在调试窗口,选择 “使用本机 Chrome 调试”,即可调试。