簡介

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