利用vue-cli构建vue2生态系统

最近在做Vue的项目,想借此给大家分享一下。准备啦下,发现已有牛人在此处耕耘的已有模样。~先把前端装备整起来:

vue2

vuex

muse-ui

对于利用vue-cli构建vue2生态系统,网上有很多教程对安装过程进行了介绍,大家完全可以放飞自我,当然我个人是参考的这篇http://www.jianshu.com/p/2769efeaa10a作者写的很细致,比心。这里我主要分享下自己在安装时遇到的坑。

坑1:执行npm install时,提示npm版本太低

侦察:咱配置太低了,为了稳稳hold住,乖乖升级版本吧

填坑: npm -g install npm 或者npm -g install npm@[版本号]

坑2: 按安装文档执行到npm run dev时,提示编译错误。当删除app.vue和hello.vue中的style标签及相关内容后,运行成功

侦察:在package.json中,默认"vue-loader": ^11.1.4",导致npm 安装时安装的vue-loader为12.0版本,而该版本存在bug,导致解析style标签失败(个人推测)。将其改为"vue-loader": "11.1.4",再执行npm install vue-loader --save-dev,这样会安装vue-loader 11.1.4,成功编译~

作者:卞卞村长

你可能感兴趣的:(利用vue-cli构建vue2生态系统)