webstorm+chrome 调试vue

Posted 护花使者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webstorm+chrome 调试vue相关的知识,希望对你有一定的参考价值。

 

chrome搜索插件,并添加

 

然后新建javascript调试:

 

 这边设置成跟你项目启动一样的ip及端口。src目录的remote URL改成webpack:///src。

 

然后先 npm run dev,启动项目。(就是你平常项目启动的命令)

然后点调试的小乌龟开始调试。

 这时候会打开一个新的浏览器,然后再webstorm中打断点,会自动定位到:

 

 

以上是关于webstorm+chrome 调试vue的主要内容,如果未能解决你的问题,请参考以下文章

使用 Chrome 进行 WebStorm 调试 - 具有有用控制台和在 WebStorm 中设置断点的最佳工作流程

用webstorm在chrome 调试页面时一直弹出 copy authorization url to clipboard

webstorm如何调试vue项目的js

在 WebStorm 中调试 TS

webstorm

如何在 WebStorm 中调试从 grunt serve 开始的 Angular 网站?