Vscode调试前端代码

时间:2024-04-01 22:43:23

1、安装插件Debugger for Chrome

Vscode调试前端代码

2、修改 config/index.js

Vscode调试前端代码

3、点击vscode左边小齿轮,选择chrome,自动生成配置文件

Vscode调试前端代码
launch.json文件配置修改如下:
Vscode调试前端代码

4、设置断点,调试代码

Vscode调试前端代码
断点可以设置在chrome,也可以在代码里加入debugger
Vscode调试前端代码

参考文献:https://juejin.im/post/5c0e6142e51d45393b3c3bb0