vue项目安装ElementUI、axios、VueAxios、mock.js方法

vue项目中安装ElementUI、axios、VueAxios、mock.js的方法。

一、安装vue：

　　1)npm install -g vue-cli //安装全局vue-cli脚手架

　　2)vue init webpack project_name(项目文件夹名) //创建项目

　　3)cd project_name（项目名）//安装依赖一

　　4)npm install //安装依赖二

　　5)npm run dev //运行

二、安装ElementUI：

　　1)npm i element-ui -S

　　2)在项目的main.js引入element-ui：

　　　　a)import ElementUI from 'element-ui'

　　　　b)import 'element-ui/lib/theme-chalk/index.css'

　　　　3) Vue.use(ElementUI)

三、安装axios和VueAxios：

　　1)npm install axios

　　2)npm install --save axios vue-axios

　　3)在项目的main.js中引入axios和VueAxios:

　　　　a)import axios from 'axios'

　　　　b)import VueAxios from 'vue-axios'

　　　　c)Vue.use(ElementUI,VueAxios)//ElementUI是第二步引入的

　　　　d)Vue.prototype.$axios = axios

四、安装mock.js：

　　1)npm install mockjs --save-dev

　　2)在项目的src文件夹下建mock文件夹，再在mock文件夹下建mock.js文件

　　3)在项目的main.js文件引入上一步新建的文件mock.js:

　　　　a)require('./mock/mock.js')