webstorm vue调试

调试
编辑调试配置，新建JavaScript调试配置，并设置要访问的url，以及Remote url配置，如下图所示:

在URL处填写: http://localhost:8080(古月: 本文章是8080端口, 具体的端口看自己的程序写的是监听哪一个)

在src的Remote url处填写: webpack:///src

保存好调试配置

启动server，可以使用WebStorm npm scripts中双击start启动server， 也可以在命令行中执行命令npm run start启动server

点击debug，调试DebugTest，这时候会打开chrome，如下图所示 :

当我们在chrome中点击测试按钮，WebStorm就会响应断点状态，如下图所示:

总结
目前我最喜欢的Vue项目调试方式还是: WebStorm+Chrome，因为WebStorm的代码编辑，重构等功能本来就很强大，调试时的的变量显示也是最友好的。只是WebStorm会比较重，启动较慢，但是功能最强大。VSCode+Chrome调试功能会稍微逊色一些，但是也基本可用，比较轻量级，启动速度较快。如果经常切换项目，可以考虑使用VSCode+Chrome的调试方式。
https://blog.csdn.net/guyue35/article/details/81669457