Vscode快捷键及用Vscode调试前端项目

在VSCODE中安装debugger

配置launch.json文件

Vscode打开前端项目

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

Vscode快捷键