使用命令窗口运行
1. npm run build
每次都打开命令窗口比较麻烦，可以在webstorm内进行配置，从webstorm内启动
选中run下面的edit configurations，scripts里面选择build。
这样就打包成功了。然后我的项目根目录就会多一个dist文件夹，里面包含static文件夹（存放img、css、js等文件）和index.html。
使用WebStorm构建Vue项目
【摘要】 WebStorm默认支持AngularJS、 React，Vue.js需要安装插件。一个是vue-for-idea，还有一个是vue.js，选一个安装就可以了。但依然没有Vue.js的New Project的向导，莫非要自己建个空项目慢慢搭建，幸好可以用vue-cli快速搭建Vue工程。npm install -g vue-clivue init webpack my-project如果 遇...
WebStorm默认支持AngularJS、 React，Vue.js需要安装插件。一个是vue-for-idea，还有一个是vue.js，选一个安装就可以了。
但依然没有Vue.js的New Project的向导，莫非要自己建个空项目慢慢搭建，幸好可以用vue-cli快速搭建Vue工程。
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
大功告成，可以顺手的编码了。
【版权声明】本文为华为云社区用户原创内容，未经允许不得转载，如需转载请自行联系原作者进行授权。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）