Vue进阶（十二）：使用WebStorm构建Vue项目

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

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

文章来源: shq5785.blog.csdn.net，作者：No Silver Bullet，版权归原作者所有，如需转载，请联系作者。

原文链接：shq5785.blog.csdn.net/article/details/85039486