Vscode如何调试前端项目
在VSCODE中安装debugger
配置launch.json文件
Vscode打开前端项目
- 把前端项目运行起来，如npm run start
-
开启本地调试功能
- 点击调试后会直接打开浏览器
- 在本地项目中需要调试的js文件中用console.log(‘打印出日志信息’)
-
浏览器中按F12打开开发者工具，打开console tab页找到 打印的日志信息
-
打开浏览器中的js文件
-
查看Vscode中源文件中的js断点
断点变成了黄色的箭头，即该js文件已经进入调试