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

你可能感兴趣的:(VScode断点调试代码)