本文介绍了如何在WebStorm中配置和使用JavaScript调试器进行Vue项目的调试。通过新建调试配置，设置本地和远程URL，启动服务器，利用WebStorm的npm scripts或命令行启动服务，然后进行调试。WebStorm的调试体验被赞誉为强大且友好，尤其是其变量显示功能，尽管启动速度相对较慢。相比之下，VSCode的调试功能虽然稍弱，但启动快速，适合频繁切换项目的开发者。
调试
编辑调试配置，新建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
1062
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
