简介

vue-cms 是一个企业级管理后台项目，基于 Vue 和 ElementUI 构建。它使用了最新的前端技术栈，内置了i18n国际化解决方案，支持多语言，动态路由，权限验证，登录注册，等很多功能特性。

同时，它也是一个很好的学习项目，包含了一些常见问题的解决方案，比如：数据可视化，表单表格，导入导出，自定义组件，自定义指令，富文本，换肤等等。

github 地址：

https://github.com/Neveryu/vue-cms

github star: 240+， MIT 协议

主要技术栈

Vue、Vuex、Vue Router、ES2015+、ElementUI、nodejs、Mock.js

功能列表

- 登录/注销- 权限验证- 多环境发布- 动态侧边栏（支持多级路由）- better-scroll- 国际化多语言- Screenfull全屏- 列表拖拽- Svg Sprite 图标- Dashboard- 本地mock数据- Echarts图表- 导出excel- 导出zip- 前端可视化excel- CountTo- 自定义组件- 换肤- 富文本

项目截图

本地开发

# 克隆项目git clone https://github.com/Neveryu/vue-cms.git# 进入项目cd vue-cms# install dependenciesnpm install// 或者# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=https://registry.npm.taobao.org# serve with hot reload at localhost:8080npm start

浏览器访问 http://localhost:8080

构建发布

# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report

浏览器兼容性

IE / Edge

IE10, IE11, Edge

Firefox

last 2 versions

Chrome

last 2 versions

Safari

last 2 versions

PS

项目支持在线体验，在线体验地址如下：

https://neveryu.github.io/vue-cms/index.html