一個Vue3.0框架搭建的后台管理模板
開源vue3.0版本基於vue3.x+ant-design-vue構建的免費開源admin項目,star高達8.4K+
支持電腦端、手機、平板等平台
底層使用element做支撐,邏輯保持一致,遵循用戶習慣的語言和概念;所有的元素和結構保持一致,比如:設計樣式、圖標和文本、元素的位置等。
適合人群
- 正在以及想使用 element-ui/element-plus 開發,前端開發經驗 1 年+。
- 熟悉 Vue.js 技術棧,使用它開發過幾個實際項目。
- 對原理技術感興趣,想進階和提升的同學。
功能地圖:


特性:
- 支持PC、手機端、平板;
- 提供超過50余項全局精細化配置;
- 支持后端渲染動態路由
- 擁有完整的登錄鑒權和前后端多種配置的動態路由流程
- 支持前端控制路由權限 intelligence、后端控制路由權限 all 模式
- 支持 mock 自動生成自動導出功能
- 支持 scss 自動排序,eslint 自動修復
- 支持登錄RSA加密
- 支持打包自動生成7Z壓縮包以及自動化部署
- 支持errorlog錯誤攔截
- 支持多主題、多布局切換
效果圖
以下是截取的是pro版的效果圖展示:





演示地址:
- vue2.x + element-ui(免費商用,支持 PC、平板、手機)
- ️ vue3.x + element-plus(alpha 版本,免費商用,支持 PC、平板、手機)
- ️ vue3.x + ant-design-vue(beta 版本,免費商用,支持 PC、平板、手機)
- github 倉庫地址
- 碼雲倉庫地址
上手2.0版本
git clone https://github.com/chuzhixin/vue-admin-beautiful.git
# 進入項目目錄cd vue-admin-beautiful-pro
# 安裝依賴
npm i
# 本地開發 啟動項目
npm run serve
上手3.0版本
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git
# 進入項目目錄cd vue-admin-beautiful-pro
# 安裝依賴
npm i
# 本地開發 啟動項目
npm run serve
