简体中文 | [English](./README.en.md) [](https://github.com/zxwk1998/vue-admin-better) [](https://gitee.com/chu1204505056/vue-admin-better) [](https://en.wikipedia.org/wiki/MIT_License) --- ## 🚀 2025 全新启程 - ⚡️ 项目运行速度提升 10-15 倍，打包速度提升 20-30 倍 - 🕒 整体构建时间控制在 5 秒以内，带来飞一般的开发体验 ## 🎉 特性 - 💪 40+高质量单页 - 💅 RBAC 模型 + JWT 权限控制 - 🌍 10 万+ 项目实际应用 - 👏 良好的类型定义 - 🥳 开源版本支持免费商用 - 🚀 跨平台 PC、手机端、平板 - 📦️ 后端路由动态渲染 ## 🌐 演示地址 ### 💡 免费版演示 - [🎉 Vue Admin Better - github 实时部署 （vue2.x + element-ui 免费商用，支持 PC、平板、手机）](https://zxwk1998.github.io/vue-admin-better/) - [🎉 Vue Admin Better （vue2.x + element-ui 免费商用，支持 PC、平板、手机）](https://vuejs-core.cn/vue-admin-better) - [🎉 Vue3 Admin Better （vue3.x + element-plus 免费商用，支持 PC、平板、手机）](https://vuejs-core.cn/vue3-admin-better) - [⚡️ Vue Admin Arco （vue3.x + vite7.x + arco2.x 免费商用，支持 PC）](https://vuejs-core.cn/vue-admin-arco/) ### 💰 付费版演示 - [🚀 Vue Admin Pro （vue2.x + element-ui 2.x 付费版本，支持 PC、平板、手机）](https://vuejs-core.cn/admin-pro/) - [🚀 Vue Admin Plus （vue3.x + element-plus 2.x 付费版本，支持 PC、平板、手机）](https://vuejs-core.cn/admin-plus/) - [🚀 Vue Shop Vite （vue3.x + vite7.x + element-plus 2.x 付费版本，支持 PC、平板、手机）](https://vuejs-core.cn/shop-vite/) ## 🍻 前端讨论 QQ 群 - 请我们喝杯咖啡，打赏后联系 QQ 783963206 邀请您进入讨论群（由于用户数较多，如果您打赏后未通过好友请求，可以尝试多加几次），不管您请还是不请，您都可以享受到开源的代码，感谢您的支持和信任，群内提供 vue-admin-better 基础版本、开发工具自动配置教程及项目开发文档。 ## 💖 物料市场 - [🎉 物料市场](https://vuejs-core.cn/store) ## 💪 找工作 - [🎉 找好工作就到【好工作就业参考网】查看就业避坑指南](https://job.vuejs-core.cn/) ## 🌐 仓库地址 - [🌐 vue-admin-better github 仓库地址](https://github.com/zxwk1998/vue-admin-better/) - [🌐 vue3-admin-better github 仓库地址](https://github.com/zxwk1998/vue3-admin-better/) - [🌐 vue-admin-arco github 仓库地址](https://github.com/zxwk1998/vue-admin-arco/) - [🌐 vue-admin-better 码云仓库地址](https://gitee.com/chu1204505056/vue-admin-better/) - [🌐 vue3-admin-better 码云仓库地址](https://gitee.com/chu1204505056/vue3-admin-better/) - [🌐 vue-admin-arco 码云仓库地址](https://gitee.com/chu1204505056/vue-admin-arco/) ## 📦️ 桌面应用程序 - [Admin Pro](https://gitee.com/chu1204505056/microsoft-store/raw/master/AdminPlus.zip) - [Admin Plus](https://gitee.com/chu1204505056/microsoft-store/raw/master/AdminPlus.zip) ## 🌱 Vue 2.x (Element UI) - 当前仓库 ``` # 克隆项目 git clone -b master https://github.com/zxwk1998/vue-admin-better.git # 安装依赖 pnpm i --registry=http://mirrors.cloud.tencent.com/npm/ # 本地开发 启动项目 npm run serve:rspack ``` ## 🌱 Vue 3.x (Element Plus) [点击切换仓库](https://github.com/zxwk1998/vue3-admin-better) ``` # 克隆项目 git clone https://github.com/zxwk1998/vue3-admin-better.git # 安装依赖 pnpm i --registry=http://mirrors.cloud.tencent.com/npm/ # 本地开发 启动项目 npm run dev ``` ## 🌱 Vue 3.x (Arco Design) [点击切换仓库](https://github.com/zxwk1998/vue-admin-arco) ``` # 克隆项目 git clone https://github.com/zxwk1998/vue-admin-arco.git # 安装依赖 pnpm i --registry=http://mirrors.cloud.tencent.com/npm/ # 本地开发 启动项目 npm run dev ``` ## 🤝 友情链接 - [OPSLI 基于 vue-admin-better 开源版的最佳实践](https://github.com/hiparker/opsli-boot) - [uView uni-app 生态最优秀的 UI 框架](https://github.com/YanxinNet/uView/) - [form-generator Element 表单设计代码生成器](https://github.com/JakHuang/form-generator/) - [wangEditor 国产最强开源富文本编辑](https://github.com/wangeditor-team/wangEditor) ## 💸 赞助支持 如果您觉得 vue-admin-better 对您有帮助，欢迎赞助支持开源项目发展： ## 🏆 框架杰出贡献者 ## 🌟 优势亮点 ### 主要优势: 1. **灵活权限控制** - 支持前端控制路由权限(intelligence)和后端控制路由权限(all)两种模式 2. **开发效率提升** - 独家支持 mock 自动生成和自动导出功能 3. **高度可配置** - 提供 50+ 项全局精细化配置选项 4. **开发友好** - 支持 SCSS 自动排序，ESLint 自动修复 5. **网络请求优化** - Axios 精细化封装，支持多数据源、多成功状态码，支持多种传参方式 6. **安全增强** - 支持登录 RSA 加密 7. **构建优化** - 支持打包自动生成 7Z 压缩包 8. **错误监控** - 支持错误日志拦截(errorlog) 9. **多样化支持** - 支持多主题、多布局切换 ### 使用须知: 1. 项目默认使用 LF 换行符，请注意文件换行符设置 2. 使用最严格的 ESLint 校验规范（plugin:vue/recommended），建议配置开发工具自动修复（推荐使用 VSCode） 3. 项目采用 MIT 开源协议，保留协议声明即可免费商用 ## 💚 适合人群 - 正在以及想使用 element-ui/element-plus 开发，前端开发经验 1 年+。 - 熟悉 Vue.js 技术栈，使用它开发过几个实际项目。 - 对原理技术感兴趣，想进阶和提升的同学。 ## 🎨 Star [](https://github.com/zxwk1998/vue-admin-better/stargazers) ## ✨ Fork [](https://github.com/zxwk1998/vue-admin-better/network/members) ## 🎉 功能地图  ## 🗃️ 效果图 以下是截取的是 pro 版的效果图展示： 以下是截取的是 shop 版的效果图展示： ## 📄 商用注意事项 开源版本可免费用于商业用途，如果方便就留个 Star 吧