Vue Admin Better（zxwk1998/vue-admin-better）：Vue2/Vue3 后台管理框架
Vue Admin Better 是一套开源后台管理前端框架，主张“拒绝过度封装”，提供 40+ 高质量单页、RBAC + JWT 权限控制、后端路由动态渲染、50+ 全局配置项与 mock 自动生成/导出能力。当前仓库为 Vue 2.x + Element UI 版本，另有 Vue 3.x + Element Plus、Vue 3.x + Arco Design 两个同系列仓库，均支持免费商用（MIT）。
社区作者 · zZz
它解决什么问题
Vue Admin Better 的定位是“让项目回归纯粹，让开发变得简单”，官方宣称 2026 版本运行速度提升 10-15 倍、打包速度提升 20-30 倍，整体构建时间控制在 5 秒以内（来源原文表述，配图 1 为 Rspack 标志，对应其构建工具方向）。
主要特性（来源列出）：40+ 高质量单页；RBAC 模型 + JWT 权限控制；10 万+ 项目实际应用；良好的类型定义；开源版本支持免费商用；跨平台支持 PC、手机端、平板；后端路由动态渲染。
优势亮点：
- 灵活权限控制：支持前端控制路由权限（intelligence）和后端控制路由权限（all）两种模式；
- 开发效率提升：独家支持 mock 自动生成和自动导出功能；
- 高度可配置：提供 50+ 项全局精细化配置选项；
- 开发友好：支持 SCSS 自动排序、ESLint 自动修复；
- 网络请求优化：Axios 精细化封装，支持多数据源、多成功状态码、多种传参方式；
- 安全增强：支持登录 RSA 加密；
- 构建优化：支持打包自动生成 7Z 压缩包；
- 错误监控：支持错误日志拦截（errorlog）；
- 多样化支持：支持多主题、多布局切换。
版本体系（来源展示的演示入口）：社区版包含 Admin Better（vue2.x + element-ui）、Admin Better Vue3（vue3.x + element-plus）、Admin Arco（vue3.x + vite7.x + arco2.x）；商业版包含 Admin Pro（vue2.x + element-ui 2.x）、Admin Plus（vue3.x + element-plus 2.x）、Shop Vite（vue3.x + vite7.x + element-plus 2.
x）。社区版均标注“免费商用”，且支持 PC、平板、手机（Admin Arco 标注仅支持 PC）。
仓库相关信息：仓库地址 github.com/zxwk1998/vue-admin-better，当前 master 分支即 Vue 2.x (Element UI) 版本；配套仓库为 vue3-admin-better、vue-admin-arco。配图 2、配图 3 分别为该仓库的 Stargazers 与 Forkers 展示图；配图 4 为项目流程图（flow.drawio.png）。
适合人群：正在或想使用 element-ui/element-plus 开发、前端开发经验 1 年以上的开发者；熟悉 Vue.js 技术栈并开发过若干实际项目的人；对原理技术感兴趣、希望进阶提升的人。
来源页面同时包含第三方福利链接（Workbuddy）与第三方项目（天天养基）跳转，属于页面推广信息，与项目本体功能无关。
— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。
安装 / 开始使用
以下命令与顺序均来自来源页面，未在来源中说明的环境要求（如 Node.js、pnpm 具体版本）标注为“待核验”。三个仓库均为 Vue 项目，公共准备步骤相同。
【准备环境】
- 安装 Node.js（版本要求来源未说明，待核验）。
- 安装包管理器 pnpm（来源使用 pnpm 安装依赖）。
- 由于默认使用国内镜像参数，可直接按下列命令安装依赖。
【方式一：Vue 2.x（Element UI）— 当前仓库】
1. 克隆项目
git clone -b master https://github.com/zxwk1998/vue-admin-better.git2. 安装依赖
pnpm i --registry=http://mirrors.cloud.tencent.com/npm/3. 本地开发 启动项目
npm run serve:rspack【方式二：Vue 3.x（Element Plus）】
1. 克隆项目
git clone https://github.com/zxwk1998/vue3-admin-better.git2. 安装依赖
pnpm i --registry=http://mirrors.cloud.tencent.com/npm/3. 本地开发 启动项目
npm run dev【方式三：Vue 3.x（Arco Design）】
1. 克隆项目
git clone https://github.com/zxwk1998/vue-admin-arco.git2. 安装依赖
pnpm i --registry=http://mirrors.cloud.tencent.com/npm/3. 本地开发 启动项目
npm run dev【首次运行与使用须知】
- 先克隆、再安装依赖、最后启动本地开发服务，不要颠倒顺序。
- 项目默认使用 LF 换行符，请注意文件换行符设置，避免因换行符差异产生大量改动。
- 项目使用最严格的 ESLint 校验规范（plugin:vue/recommended），建议在开发工具中配置自动修复，官方推荐使用 VSCode。
- 启动后可通过来源列出的在线演示地址对照功能（社区版与商业版演示入口见项目页面）。
【常见问题】
- 依赖安装缓慢或失败：来源在安装命令中直接指定了腾讯云 npm 镜像（--registry=http://mirrors.cloud.tencent.com/npm/），可沿用该参数重试。
- 代码风格报错过多：属于严格 ESLint 规范的预期行为，按官方建议开启编辑器自动修复。
- 换行符导致的差异或报错：确认编辑器与 Git 的换行符设置为 LF。
- 想使用 Vue 3 版本：需切换到 vue3-admin-better 或 vue-admin-arco 仓库，启动命令为 npm run dev；当前仓库对应 Vue 2.x 版本，启动命令为 npm run serve:rspack。
