1、下載插件Debugger for Chrome
2、設置lauch.json文件，見附3，由於我只是在本地調試就可以了，所以用第一個就可以了
3、開始設置斷點調試，遇到問題：connect econnrefused 127.0.0.1:9222,百度了下，一是說調試之前要關閉所有的chrome頁面，無效，我就下載了一個離線安裝包，以這個exe的地址給
launch.json中的runtimeExecutable屬性就可以了
4、終於可以調試了
以上是這幾天，甚至是這個月才可以調試，中間百度了很多，沒有成功的，只能硬着頭皮看官方文檔，但所幸，改了關鍵詞，搜到兩篇關鍵的blog，終於把configuration配置成功了，感謝，以下是blog地址，以供參考
附1：https://blog.csdn.net/xdcx950288/article/details/80640918
https://blog.csdn.net/weixin_40965293/article/details/80525317
附2：Debugger for chrome官方幫助
https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome
VSCode調試官方文檔
https://code.visualstudio.com/docs/languages/javascript
https://code.visualstudio.com/docs/editor/debugging
附3：lauch.json文件
{"version":"0.2.0"
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome1",
"sourceMaps": false,
//"webRoot": "${workspaceFolder}",
"file": "${workspaceFolder}/index.html",
"runtimeExecutable": "C:\\Users\\wolf\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
//"userDataDir": "${workspaceFolder}/.vscode/chrome"
},
{
"name": "這里隨便寫名字2",
"type": "chrome",
"request": "launch",
"url": "http://localhost:8080",
"webRoot": "${workspaceRoot}",
"runtimeExecutable": "C:\\Users\\wolf\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
},
{
"name": "這里隨便寫名字3",
"type": "chrome",
"request": "attach",
"port": 9222,
"webRoot": "${workspaceRoot}"
},
]
}