版本
VSCode Version: 1.49.2 (system setup)
Electron: 9.2.1
Chrome: 83.0.4103.122
V8: 8.3.110.13-electron.0
OS: Windows_NT x64 10.0.18363
1、打开项目
2、点击侧边栏切换到调试，点击Show，点击添加配置，选择chrome
如果项目中已经有 .vscode/launch.json 文件，则跳过
3、.vscode/launch.json 文件如下：
- type 表示启动调试时使用的浏览器
- request 表示模式，有launch和attach两种，详细看下文
- name 名称，可以自己任意改
- url 项目启动的地址
- webRoot 项目目录
- port 远程调试的端口
4、点击启动按钮就可以开始调试，调试方式和使用chrome调试一样
5、注意事项
启动调试的两种模式，launch和attach
launch 表示从vscode启动项目，点击启动后会新开一个chrome；
attach 表示附加到已启动的服务中，比如你已经在外面将项目启动，突然需要调试，不需要关掉已经启动的项目再去vscode中重新启动，只要以attach的模式启动，vscode可以连接到已经启动的服务。不过这种方式需要开启浏览器远程调试功能，开启方式也有两种，如下：
- 打开命令行cmd，进入到浏览器.exe启动文件目录，执行命令：
chrome.exe --remote-debugging-port=9222
然后重启浏览器，每次打开浏览器前都需要执行此命令。 - 一劳永逸方案，只需修改一次：桌面找到浏览器快捷方式，点击属性-快捷方式-目标，尾部添加
--remote-debugging-port=9222，注意要用空格分开，然后以管理员方式启动浏览器
注意：以上port与launch.json中的对应
