debugger for chrome的使用

1、安装debugger for chrome

2、先把项目运行起来（要先运行项目）

3、添加断点

4、运行调试（也可以使用快捷键f5进入）

5、进入调试

$然后就会出现以下$

$这是因为还没有配置launch.json$

6、配置launch.json（这里视项目而定，我需要改端口和路径）

7、再次进入调试

8、正常进入断点调试

总结：

1. 需要先把项目运行起来再调试
2. 初次调试时会自动生成.vscode/launch.json配置文件，需要再次修改配置以适用自己的项目，初始调试也可以手动添加这个目录和配置，一步到位