分享如何使用vscode打断点

方式一:使用debugger

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

方式二:使用vscode插件断点

  1. 介绍:vscode集成的断点调试。
  2. 优点:减少浏览器和编辑器之间的频繁切换 提高开发效率
  3. 下载插件: Debugger for Chrome(已废弃) JavaScript Debugger(用这个)
    分享如何使用vscode打断点_第2张图片
  4. 配置断点JSON文件,我主要在Chrome中调试,所以选择的是Chrome环境
    分享如何使用vscode打断点_第3张图片
    分享如何使用vscode打断点_第4张图片
    分享如何使用vscode打断点_第5张图片

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

分享如何使用vscode打断点_第6张图片

你可能感兴趣的:(vue,vscode,chrome,javascript)