Visual Studio Code 插件之 Debugger for Chrome 前端调试插件

Debugger for Chrome这款插件是专门为前端调试开发的,真的非常方便,先看图

这里写图片描述

安装完插件怎么使用呢?

  1. 配置 launch.json
  2. 运行 按 F5 运行 运行即可打开chrome浏览器

    • launch模式:由 vscode 来启动一个独立的具有 debug 模式的程序
    • attach模式:附加于(也可以说“监听”)一个已经启动的程序(必须已经开启 Debug 模式)

可以参考下图配置
这里写图片描述

最后效果图
这里写图片描述

猜你喜欢

转载自blog.csdn.net/example440982/article/details/79587704