vue+element后台管理

# 基于vue+element的后台框架

github地址：[基于vue的后台框架](https://github.com/xjc-opensource/vue-admin-example)  
预览地址：[预览地址](https://xjc-opensource.github.io/vue-admin-example/)
# 1、技术栈
 - vue cli3
 - vue
 - vue-router
 - vuex
 - vue-i18n
 - scss
 - axios
 - mockjs
 - element
 - babel
 - eslint

# 2、框架初始化
2.1 安装插件  
``` 
  npm remove -g @vue/cli
  npm install -g @vue/cli
  vue create vue-admin-example
  
  npm install --save vue-i18n
  npm install --save vue-router
  npm install --save vuex
  npm install --save axios
  npm install --save js-md5
  npm install --save font-awesome
  
  npm install --save mockjs 
  npm install --save axios-mock-adapter
  npm install --save echarts 
    
  npm install --save-dev sass-loader
  npm install --sava-dev node-sass 
  
  vue add element
  npm install --sava-dev babel-plugin-component
 
```
    
2.3 调整配置
``` 
  加入配置文件
  .evn
  env.dev
  env.mock
  env.prod
  env.test
  vue.config.js
``` 

# 3、文件目录
```
* dist - 打包文件
* docs - github打包文件
* public - 公用文件(不参与打包处理,打包前后文件名不变化)
* src - 源码文件
    * api - 接口调用
    * asssets - 公用文件
    * components - 自定义vue组件
    * core - 
      * envconfig.js -不同环境下的变量配置
    * demo - 样例
    * i18n - 多语言
    * mock - 模拟数据接口
    * plugins - 第三方加载
    * router - 路由
    * utils - 通用工具类
    * views - 页面
    * vuex - vuex缓存
    * app.vue - 页面入口
    * main.js - 加载入口
    
* README.md - 项目说明
* README-modify.md - 更新记录
```