使用WebStorm做Vue.js开发

最近Team用Sublime Text做Vue.js项目,Sublime Text用的不习惯。因为IntelliJ IDEA和Android Studio用的很顺手,自然想到JETBRAINS的WebStorm。

WebStorm默认支持AngularJS React,Vue.js需要安装插件

一个是vue-for-idea,还有一个是vue.js,选一个安装就可以了

但依然没有Vue.js的New Project的向导,莫非要自己建个空项目慢慢搭建,幸好可以用vue-cli快速搭建Vue.js工程

$ npm install -g vue-cli

$ vue init webpack my-project

如果 遇到 ”vue:未找到命令“的错误提示,一定是你的Node.js环境变量没配置好,配置NODE,把$NODE/bin配置到PTAH里。

用WebStorm Open vue-cli创建my-project目录,就可以Coding了。

很多教程到这就结束了,但我要调试怎么办?难道还是需要打开一个终端?研究了WebStorm的Run/Debug,解决方案很简单,

就是Run->Edit Configurations... Add New Configuration,新建一个npm的Run/Debug

大功告成,可以顺手的编码了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 厚重的份量,花了几个月时间零零星星终于读完它,再多的文字也描绘不出我读完它的沉重,尽管这其中没有一丝一毫的个人情感...
    邓思阅读 682评论 0 0
  • 在《人民的名义里》前两集一名处长在短短4年里贪污受贿2亿多元,这让观众们感到震撼。当然他还是一个处级干部! 而现实...
    麦璞直播阅读 553评论 0 0
  • 1. 我曾经遇到过一个特气愤的事,它彻底的刷新了我的世界观,让我清楚的认识到,原来这个世界还有这么不要脸的人存在。...
    大海luke阅读 1,441评论 0 4
  • 认识你快八年了,分手快七年了,照常理说你于我应该是一个在记忆里被尘封已久的人,一般这样才科学,不是吗?可是为什么离...
    沐云阅读 960评论 8 18