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}"
},
]
}