前端调试

58 阅读1分钟

1. vscode 调试前端代码

背景:

老是需要console去看输出,会忘记删除; 代码debugger 忘记删除;唤起chrome 调试脱离了vscode;边调试边写代码。

下面是开启vscode调试的步骤

  • 开启一个前端项目
  • 跟目录添加 .vscode/launch.json

image.png

  • 点击 1 2 处 ,会自动开启一个 image.png

  • 打断点,开始调试

image.png