VScode断点调试代码

背景

现在webpack打包流行，但是编译后的代码找起来却没有那么容易了，遇到bug打断点找不到代码就成了前端一个痛点，一下分享一下怎么在vscode里面断点调试

调试方法

1、插件下载：首先在vscode商店搜索插件Debugger for Chrome安装

2、在项目的根目录点击debugger选项

3、点击下图选择添加配置

4、选择chrome，第一步安装的插件

5、然后出现了launch.json

6、url配置为项目webpack启动的host，webRoot是入口文件可自己定义

7、然后启动自己项目，在vscode里面打上想要的断点，点击调试就可以了调试代码了

这里就配置完毕了，如果有问题得欢迎留言交流~

转载于:https://juejin.im/post/5c273c725188257800087502