您的位置:首页 > Web前端 > Vue.js

Vue进阶(十二):使用WebStorm构建Vue项目

2018-12-16 18:56 344 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/sunhuaqiang1/article/details/85039486

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

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

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: