WebStorm虽然耗资源,但确实强大,针对Vue的调试也是包含自己本身和浏览器,下面配置如下:


先配置 npm 启动项

打开 Edit Configurations... 



添加 npm 启动




根据 package.json 中的 scripts 配置项,配置npm


确实后,就可以通过启动项启动(正常启动,Debug启动)



下面配置浏览器Debug

打开 Edit Configurations... ,添加 JavaScript Debug启动项


填写访问地址及Remote URL:(webpack://src



最后,先启动 npm ,再启动 Debug,这样就可以在浏览器和WebStorm中响应断点