简介：

最近公司项目采用vue搭建了一个后台管理系统，一路上遇到了许多问题，都是通过google来自己研究解决。在这个过程中学到了许多，于是决定把最基础的部分拿出来，单独做一个项目，以后再遇到类似的后台系统，直接可以拿过来用，免去了一开始的搭建环境、写基础代码的麻烦。同时也想分享出来，与大家交流交流，各位给提提意见，毕竟整个项目从头到尾都是自己一个人搞得，有点闭门造车的感觉，哈哈。

由于最近有点忙，还有一些东西没有加上去，后续会抽时间补上，谢谢关注

如果觉得还可以的话，麻烦给点个⭐⭐，谢谢各位喽?

github: https://github.com/luichooy/vue-admin.git

技术栈：

vue@2.5.2+vue-router@3.0.1+vuex@3.0.0+axios@0.17.0+element-ui@2.0.0+vue-echarts@2.5.1

Build Setup:

# 将项目克隆到本地git clone https://github.com/luichooy/vue-admin.git# 进入到项目目录cd vue-admin# 安装依赖npm install# 在开发环境运行项目，并且在浏览器打开 http://localhost:7999npm run dev# 项目打包npm run build# build for production and view the bundle analyzer reportnpm run build --report# run unit testsnpm run unit# run all testsnpm test

目录结构：

├── build├── config├── src│   ├── assets│   │   ├── images│   │   ├── js|   |   |   ├── addressData.js│   │   │   ├── localStorage.js│   │   │   ├── util.js│   │   └── styles│   │   │   ├── base.scss│   │   │   ├── common.scss│   │   │   ├── iconfont.css│   │   │   ├── mixin.scss│   │   │   ├── table.scss│   │   │   ├── variable.scss│   ├── components│   │   ├── card│   │   ├── filterbar│   │   └── score│   │   ├── selfAdd│   │   ├── tableRadio│   │   ├── validateCode│   │   ├── Vmodel│   ├── data│   ├── pages│   │   ├── charts│   │   ├── error│   │   ├── form│   │   └── login│   │   ├── main│   │   ├── setting│   │   ├── tables│   │   ├── test│   ├── router│   │   ├── index.js│   │   ├── route.js│   ├── store│   │   ├── getters.js│   │   ├── index.js│   │   ├── mutations.js│   │   ├── state.js│   ├── utils│       ├── utils.js│   ├── http.js│   ├── main.js│   ├── Root.vue├── static├── test├── babelrc├── eslintignore├── eslintrc.js├── .gitignore├── postcssrc.js├── index.html├── package.json └── readme.md