Vue3.0 框架搭建的后台管理模板

一个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