1.安装VSCode(安装就不说了),为什么用它,最重要的一点,他免费啊,对于码农的我们,这就是刚需。

2.插件安装:

  a.点击下图1,进入扩展搜索界面,搜索debugger for chrome插件,安装,刷新。

  b.添加配置——点击1,然后点击2,如下图

  然后,会出现如下界面,一定要选中方框里面的环境,记得保存,你的配置栏就会发生变化

   接下来先运行attach to packger,然后开启degug模式,一切完成之后你就可以console.log('控制台输出数据')或进行断点调试,断点仅仅在debug模式下有用

  成品如下,当你看到调试栏,和控制台打印信息你就成功了: