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')