从零开始做vue + element-UI 的后台（二）

这篇文档我们说一些插件的 安装

在上个一篇文章 我们已经把最基本的框架搭好了
接下来 我们来看一下 我们搭建的项目结构

├── 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)

上面这些 就是 我们这个项目中会用到的插件 也安装完毕了

这篇文章就到这里 下面还会持续更新 有问题 可以 发出来讨论