最近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的向?qū)В且约航▊€空項目慢慢搭建,幸好可以用vue-cli快速搭建Vue.js工程
$ npm install -g vue-cli
$ vue init webpack my-project
如果 遇到 ”vue:未找到命令“的錯誤提示,一定是你的Node.js環(huán)境變量沒配置好,配置NODE,把$NODE/bin配置到PTAH里。
用WebStorm Open vue-cli創(chuàng)建my-project目錄,就可以Coding了。
很多教程到這就結(jié)束了,但我要調(diào)試怎么辦?難道還是需要打開一個終端?研究了WebStorm的Run/Debug,解決方案很簡單,
就是Run->Edit Configurations... Add New Configuration,新建一個npm的Run/Debug
大功告成,可以順手的編碼了。