1、vscode

0）启动前端项目

1）增加调试配置
2）注意端口号设置与dev脚本启动文件中的配置保持一致
调试配置文件设置：

dev脚本设置位置：

3）选中配置文件，run

4）弹出设置的浏览器（注意不是自己打开，是vscode自动启动调试浏览器！！！），并激活相应断点。

2、idea

0）启动前端项目

1）增加调试配置

2）设置启动url和浏览器

3）选中上一步的配置，点击调试按钮！！！！一定要点击调试按钮！不要点击运行按钮！！！

4）idea弹出调试浏览器，可以命中断点，单步调试等