vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > idea vue前端调试配置

intellij idea+vue前端调试配置图文教程

作者:joyloveit

在Vue项目开发过程中,当遇到应用逻辑出现错误,但又无法准确定位的时候,知晓Vue项目调试技巧至关重要,debug是必备技能,这篇文章主要给大家介绍了关于intellij idea+vue前端调试配置的相关资料,需要的朋友可以参考下

一、安装vue插件

二、idea->Edit Configuration

1、如图,添加类型为npm的配置;执行脚本内容为dev;这一步等同于用控制台终端手动执行 npm run dev;用于启动node服务器。

2、添加一个JavaScript Debug 类型的配置,用于调试;其中http://localhost:9527 指向页面启动的地址。默认使用Chrome浏览器。

三、先启动npm-service,再启动JavaScriptDebug,就可以调试了。

总结 

到此这篇关于intellij idea+vue前端调试配置的文章就介绍到这了,更多相关idea vue前端调试配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文