项目演示地址：https://git.io/fp9UM
项目仓库地址：https://github.com/Neveryu/vue-cms
引文
搞一个后台管理系统，应该是每个公司都会有的需求。基于后端（JAVA、PHP、GO）的 MVC 模式的后台管理系统中，一般前端使用的技术栈都是 jQuery + Bootstrap。
因为现在都是前后端分离，所以搞一个基于 Vue + ElementUI 的纯前端的后台管理系统，通过接口与后端交互。
思考
纯前端搞一个后台管理系统，如果不是 SPA 的话，可能还确实挺麻烦的：
1、全局状态、登录状态、用户信息之类的数据如何维护
2、菜单、路由权限如何设计管理
3、模块、组件如何划分以及复用
4、代码如何管理维护
所以，SPA 还是挺好的。
快速上手
# 克隆项目
git clone https://github.com/Neveryu/vue-cms.git
# 进入项目目录
cd vue-cms
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm start
完成上面这套操作，就可以在浏览器中输入：localhost:8080 看到项目了。
项目结构介绍
项目的外层目录文件，就没啥好说的了，本身也是用 vue-cli 来构建的，大家应该都清楚。我们主要来看一下 src 里面的内容。