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
大功告成,可以顺手的编码了。
阅读更多相关文章推荐
- vue-cli构建项目使用 less
- 使用VUE-CLI构建一个项目基本的配置
- vue-cli 构建的项目中如何使用 Less
- vue-cli构建项目使用 less的方法
- 关于使用Vue-cli脚手架配合webpack-simple构建项目操作流程(自用)
- 使用vue-cil构建vue2项目,webpack打包项目
- 使用vue-cli+axios构建的项目本地环境API代理设置和解决跨域
- Vue.js:使用vue-cli快速构建项目
- 使用vue-cli构建的项目不检查分号
- 使用Django + Vue.js快速而优雅地构建前后端分离项目
- vue-cli 构建的项目中如何使用 Less
- 使用vue如何构建一个自动建站项目
- 使用vue构建一个自由建站项目
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- vue-cli构建项目在index.html中使用静态文件
- Android高级进阶十二 在Android上使用3D 引擎(JPCT-AE)构建立方体
- windows/mac 使用webpack构建vue项目
- 用vue构建项目笔记6(在vue中使用vue resource)
- vue-cli 构建的项目中使用 Less
- 使用VUE2.0构建webpack项目