vs code调试js的设置

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

        },

]

}

 

写得有点乱，时间长了，回过头自己看都看不太明白，有空的时候再改改