webstorm如何调试vue项目的js
Posted diyunfei
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webstorm如何调试vue项目的js相关的知识，希望对你有一定的参考价值。
webstorm如何调试vue项目的js
1.编辑调试配置，新建javascript调试配置，并设置要访问的url地址，如下图所示:
在URL处填写示例: http://localhost:8080
保存好调试配置
2.先用dev正常启动项目，然后切换到刚才设置的js调试名称，点击debug按钮，这时候会打开chrome，如下图所示 :
4.当我们在chrome中运行页面，WebStorm就会响应断点状态，如下图所示:
以上是关于webstorm如何调试vue项目的js的主要内容，如果未能解决你的问题，请参考以下文章
如何在WebStorm 2017下调试Vue.js + webpack
如何在WebStorm 2017下调试Vue.js + webpack
Vue通过命令行或使用WebStorm如何创建一个Vue项目