简体中文 | English

vue-admin-better

瑞雪兆丰年，红梅报新春，愿您新的一年平安喜乐，万事顺意，所得皆所愿！

🎉 全新版本

基于 vite5.x + vue3.x + arco-design2.x 全新的前端框架 vue-admin-arco，欢迎点击查看或试用 👏🏻👏🏻👏🏻

开源地址 | 演示地址

🎉 特性

💪 40+高质量单页
💅 RBAC 模型 + JWT 权限控制
🌍 10 万+ 项目实际应用
👏 良好的类型定义
🥳 开源版本支持免费商用
🚀 跨平台 PC、手机端、平板
📦️ 后端路由动态渲染

🌐 付费版演示地址

🌐 免费版演示地址

🌐 仓库地址

🍻 前端讨论 QQ 群

请我们喝杯咖啡，打赏后联系 QQ 783963206 邀请您进入讨论群（由于用户数较多，如果您打赏后未通过好友请求，请联系商家），不管您请还是不请，您都可以享受到开源的代码，感谢您的支持和信任，群内提供 vue-admin-better 基础版本、开发工具自动配置教程及项目开发文档。

📦️ 桌面应用程序

🌱 vue3.x vue3.0-antdv 分支（ant-design-vue）点击切换分支

# 克隆项目
git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git
# 安装依赖
npm i --registry=http://mirrors.cloud.tencent.com/npm/
# 本地开发 启动项目
npm run serve

🌱 vue3.x arco-design 点击切换仓库

# 克隆项目
git clonehttps://github.com/chuzhixin/vue-admin-arco.git
# 安装依赖
npm i --registry=http://mirrors.cloud.tencent.com/npm/
# 本地开发 启动项目
npm run dev

🌱vue2.x master 分支（element-ui）点击切换分支

# 克隆项目
git clone -b master https://github.com/chuzhixin/vue-admin-better.git
# 安装依赖
npm i --registry=http://mirrors.cloud.tencent.com/npm/
# 本地开发 启动项目
npm run serve

🔊 友情链接

🙈 赞助

如果您觉得 vue admin better 帮到了您，如果情况允许，您可以选择赞助以下项目

👷 框架杰出贡献者

📌 优势及注意事项

对比其他开源 admin 框架有如下优势:
1. 支持前端控制路由权限 intelligence、后端控制路由权限 all 模式
2. 已知开源 vue admin 框架中首家支持 mock 自动生成自动导出功能
3. 提供 50 余项全局精细化配置
4. 支持 scss 自动排序，eslint 自动修复
5. axios 精细化封装，支持多数据源、多成功 code 数组，支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多种传参方式
6. 支持登录RSA加密
7. 支持打包自动生成7Z压缩包
8. 支持errorlog错误拦截
9. 支持多主题、多布局切换

使用注意事项:
1. 项目默认使用lf换行符而非crlf换行符，新建文件时请注意选择文件换行符
2. 项目默认使用的最严格的eslint校验规范（plugin:vue/recommended），使用之前建议配置开发工具实现自动修复（建议使用vscode开发）
3. 项目使用的是要求最宽泛的MIT开源协议，保留MIT开源协议即可免费商用

💚 适合人群

正在以及想使用 element-ui/element-plus 开发，前端开发经验 1 年+。
熟悉 Vue.js 技术栈，使用它开发过几个实际项目。
对原理技术感兴趣，想进阶和提升的同学。

🎨 Star

✨ Fork

🎉 功能地图

🗃️ 效果图

以下是截取的是 pro 版的效果图展示：

以下是截取的是 shop 版的效果图展示：

📄 商用注意事项

开源版本可免费用于商业用途，如果方便就留个 Star 吧

Project Name	Stars	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Vue Element Admin	84,740	4	5 days ago	7	August 08, 2020	1,317	mit	Vue
:tada: A magical vue admin https://panjiachen.github.io/vue-element-admin
Eladmin	20,301		a month ago			11	apache-2.0	Java
eladmin jpa 版本：项目基于 Spring Boot 2.6.4、 Jpa、 Spring Security、Redis、Vue的前后端分离的后台管理系统，项目采用分模块开发方式，权限控制采用 RBAC，支持数据字典与数据权限管理，支持一键生成前后端代码，支持动态路由
Gin Vue Admin	18,818		3 days ago	35	October 10, 2023	35	apache-2.0	Go
基于vite+vue3+gin搭建的开发基础平台（支持TS,JS混用），集成jwt鉴权，权限管理，动态路由，显隐可控组件，分页封装，多点登录拦截，资源权限，上传下载，代码生成器，表单生成器,chatGPT自动查表等开发必备功能。
Litemall	18,449	2	a month ago	1	April 25, 2020	31	mit	Java
又一个小商城。litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端
Iview Admin	15,935	9	2 years ago	206	September 04, 2019	611	mit	Vue
Vue 2.0 admin management system template based on iView
Vue Admin Better	15,299		5 days ago	1	February 28, 2023	14	mit	Vue
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Vue Pure Admin	11,267		8 days ago	1	May 12, 2022	3	mit	Vue
🔥 ✨✨ ✨ Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端）
Mall Admin Web	10,747		6 months ago			29	apache-2.0	Vue
mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。
Newbee Mall	10,418		2 months ago				gpl-3.0	Java
🔥 🎉newbee-mall是一套电商系统，包括基础版本(Spring Boot+Thymeleaf)、前后端分离版本(Spring Boot+Vue 3+Element-Plus+Vue-Router 4+Pinia+Vant 4) 、秒杀版本、Go语言版本、微服务版本(Spring Cloud Alibaba+Nacos+Sentinel+Seata+Spring Cloud Gateway+OpenFeign+ELK)。前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
Ant Design Vue Pro	10,409		4 months ago			193	mit	Vue
👨🏻‍💻👩🏻‍💻 Use Ant Design Vue like a Pro! (vue2)

Vue Admin Better

vue-admin-better

🎉 全新版本

🎉 特性

🌐 付费版演示地址

🌐 免费版演示地址

🌐 仓库地址

🍻 前端讨论 QQ 群

📦️ 桌面应用程序

🌱 vue3.x vue3.0-antdv 分支（ant-design-vue）点击切换分支

🌱 vue3.x arco-design 点击切换仓库

🌱vue2.x master 分支（element-ui）点击切换分支

🔊 友情链接

🙈 赞助

👷 框架杰出贡献者

📌 优势及注意事项

💚 适合人群

🎨 Star

✨ Fork

🎉 功能地图

🗃️ 效果图

📄 商用注意事项