# 基于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 - 更新记录 ```
转载请标明出处:vue+element后台管理
文章来源: https://blog.csdn.net/xjc208/article/details/92640868