1.
2.安装好 Debugger for Chrome之后，找到要进行Debug的文件
3.
4.进入到launch.json文件中进行相应的配置
配置文件内容如下：
{
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
//为调试的主机设置一个名称
"name": "使用本机Chrome调试",
//配置此属性可以做到点击哪个文件就能去debug哪个文件
"file": "${file}",
"sourceMaps": true,
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}",
"userDataDir": "${tmpdir}",
// 告诉vscode可以通过连接chrome浏览器的9222端口对http://localhost:8080网页进行调试；
"port": 9222
},
]
}
5.完成相应的配置文件之后，选择要debug的文件，按F5就可以进入Debug模式了