1安装Vue-cli3
npm install @vue/cli
2新建项目
vue create 项目名
3安装依赖
npm install
如缺少sass依赖,可以在package.json手动添加图中内容
![](https://img.haomeiwen.com/i18796961/e83894597e5f5f11.png)
4安装rem
![](https://img.haomeiwen.com/i18796961/5c25d2b70dec89cb.png)
![](https://img.haomeiwen.com/i18796961/04891d36e4720632.png)
需要在main.js引入
![](https://img.haomeiwen.com/i18796961/f880bf1587de10fc.png)
5.安装axio异步请求
![](https://img.haomeiwen.com/i18796961/5c46810dabbe38d3.png)
![](https://img.haomeiwen.com/i18796961/ff13c93b95423a83.png)
![](https://img.haomeiwen.com/i18796961/38b9a6ddb0f25f5b.png)
![](https://img.haomeiwen.com/i18796961/7f0fdd121ab2855f.png)
6.引入mint-ui
![](https://img.haomeiwen.com/i18796961/a81bc30144d07d36.png)
7引入element-ui
![](https://img.haomeiwen.com/i18796961/c208683608ef44eb.png)
![](https://img.haomeiwen.com/i18796961/0dffb311b1472e77.png)
![](https://img.haomeiwen.com/i18796961/9092a07e18b30012.png)
改变主题色
![](https://img.haomeiwen.com/i18796961/1174ea140abe7a25.png)
8.自定义插件
http://note.youdao.com/noteshare?id=75fbd5a1b6ab2b40d4c858ca29c215f6
index.js中可直接vue.components(插件名,插件)
9.vuex的使用
http://note.youdao.com/noteshare?id=ad2ad43edcf5593f6dd90288ca3904f4
先在src下建一个store文件夹 如何项目有vuex 的store.js文件 将此文件删除
![](https://img.haomeiwen.com/i18796961/24795f5d5cdfe188.png)
使用常量代替mutation 可以方便多人协作开发
![](https://img.haomeiwen.com/i18796961/347ad2189280e074.png)
index.js的内容
![](https://img.haomeiwen.com/i18796961/6fd7e3a5d0b9bd8c.png)
moudle中的内容
![](https://img.haomeiwen.com/i18796961/e9a8f2e02fb20249.png)
action内容
注意commit必须加{}. state可已不要!
![](https://img.haomeiwen.com/i18796961/7f42728ce8df85a7.png)
记得将index.js导入main.js
网友评论