使用WebStorm做Vue.js開發(fā)

最近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

大功告成,可以順手的編碼了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容