這篇文檔我們說一些插件的 安裝
在上個一篇文章 我們已經把最基本的框架搭好了
接下來 我們來看一下 我們搭建的項目結構
├── public // 靜態資源
├── src // 源代碼
│ ├── api // 所有請求
│ ├── assets // 主題 字體等靜態資源
│ ├── components // 全局公用組件
│ ├── models // 實體類
│ ├── router // 路由及路由配置相關
│ ├── store // 全局 store管理
│ ├── utils // 全局公用方法
│ ├── pages // view
│ ├── App.vue // 入口頁面
│ ├── main.js // 入口 加載組件 初始化等
├── tests // jest測試
├── .eslintrc.js // eslint配置
└── package.json
接下來 安裝一下 我們會用到的 插件
這個項目看標題也知道 vue + ele 配合做後臺
先安裝 element-ui
npm i element-ui –S
安裝好 之後 在 main.js中引入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css'; // 默認主題
// import './assets/css/theme-green/index.css'; // 淺綠色主題
Vue.use(ElementUI, {
size: 'small'
});
接下來 我們就需要安裝 我們的請求方法了 我們這個項目中 使用axios 來請求數據
npm install --save axios vue-axios
在main.js中引入
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.use(VueAxios, axios)
Vue.prototype.$http = axios
接下來 router 路由
npm install vue-router
在main.js中加入
import VueRouter from 'vue-router'
Vue.use(VueRouter)
安裝vuex
npm install vuex –save
main.js中加入
import Vuex from 'vuex'
Vue.use(Vuex)
上面這些 就是 我們這個項目中會用到的插件 也安裝完畢了