簡介

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

功能列表

<code>- 登錄/註銷
- 權限驗證
- 多環境發佈
- 動態側邊欄（支持多級路由）
- better-scroll
- 國際化多語言
- Screenfull全屏
- 列表拖拽
- Svg Sprite 圖標
- Dashboard
- 本地mock數據
- Echarts圖表
- 導出excel
- 導出zip
- 前端可視化excel
- CountTo
- 自定義組件
- 換膚
- 富文本/<code>

項目截圖

本地開發

<code># 克隆項目
git clone https://github.com/Neveryu/vue-cms.git

# 進入項目
cd vue-cms

# install dependencies
npm install

// 或者

# 建議不要用 cnpm 安裝 會有各種詭異的bug 可以通過如下操作解決 npm 下載速度慢的問題
npm install --registry=https://registry.npm.taobao.org

# serve with hot reload at localhost:8080
npm start/<code>

瀏覽器訪問 http://localhost:8080

構建發佈

<code># build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report/<code>

瀏覽器兼容性

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

閱讀更多 碼農愛code 的文章

關鍵字: Node.js Safari Git