分享如何使用vscode打断点

方式一:使用debugger

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

方式二:使用vscode插件断点

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

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

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/du_aitiantian/article/details/129663665