Vue-cli3使用Chrome浏览器或VsCode实现debug调试

1.通过Chrome浏览器实现debug调试:

F12进入调试界面,选择Source -> webpack:// 就可以看到vue程序,通过打断点可以实现debug调试
Vue-cli3使用Chrome浏览器或VsCode实现debug调试

2.通过Vscode实现Vue的debug调试

第一步:vue.config.js文件添加webpack的配置:
Vue-cli3使用Chrome浏览器或VsCode实现debug调试
第二步:配置launch.json文件:
Vue-cli3使用Chrome浏览器或VsCode实现debug调试