Vue3.0框架搭建的后台管理模板
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
一个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