分享如何使用vscode打断点

分享如何使用vscode打断点

方式一：使用debugger

1. 介绍：js自带的方法
2. 优点：简单好用，不需要额外的配置，在需要打断点的位置添加debugger，然后去浏览器中调试。推荐使用这种方法，比较方便
3. 注意：生产环境下需要去掉
   

方式二：使用vscode插件断点

1. 介绍：vscode集成的断点调试。
2. 优点：减少浏览器和编辑器之间的频繁切换 提高开发效率
3. 下载插件： Debugger for Chrome(已废弃) JavaScript Debugger（用这个）
   
4. 配置断点JSON文件，我主要在Chrome中调试，所以选择的是Chrome环境
   
   
   

方法三：使用Chrome浏览器断点