Vue Admin Better

<div align="center">
  <img width="200" src="https://assets.rspack.rs/rspack/rspack-logo.svg"/>
  <h1>Vue Admin Better</h1>
  <p>拒绝过度封装，去除等待时间，让项目回归纯粹，让开发变得简单</p>
</div>

[![stars](https://img.shields.io/github/stars/zxwk1998/vue-admin-better?style=flat-square&logo=GitHub)](https://github.com/zxwk1998/vue-admin-better)
[![star](https://gitee.com/chu1204505056/vue-admin-better/badge/star.svg?theme=gray)](https://gitee.com/chu1204505056/vue-admin-better)
[![license](https://img.shields.io/github/license/zxwk1998/vue-admin-better?style=flat-square)](https://en.wikipedia.org/wiki/MIT_License)

---

## 🚀 2026 全新启程

- ⚡️ 项目运行速度提升 10-15 倍，打包速度提升 20-30 倍
- 🕒 整体构建时间控制在 5 秒以内，带来飞一般的开发体验

## 🎉 特性

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

## 🌐 演示地址

### 💡 社区版演示

- [🎉 Admin Better - github 实时部署 （vue2.x + element-ui 免费商用，支持 PC、平板、手机）](https://zxwk1998.github.io/vue-admin-better/)
- [🎉 Admin Better （vue2.x + element-ui 免费商用，支持 PC、平板、手机）](https://vuejs-core.cn/vue-admin-better)
- [🎉 Admin Better Vue3 - github 实时部署 （vue3.x + element-plus 免费商用，支持 PC、平板、手机）](https://zxwk1998.github.io/vue3-admin-better/)
- [🎉 Admin Better Vue3 （vue3.x + element-plus 免费商用，支持 PC、平板、手机）](https://vuejs-core.cn/vue3-admin-better)
- [⚡️ Admin Arco （vue3.x + vite7.x + arco2.x 免费商用，支持 PC）](https://vuejs-core.cn/vue-admin-arco/)

### 💰 商业版演示

- [🚀 Admin Pro （vue2.x + element-ui 2.x 支持 PC、平板、手机）](https://vuejs-core.cn/admin-pro/)
- [🚀 Admin Plus （vue3.x + element-plus 2.x 支持 PC、平板、手机）](https://vuejs-core.cn/admin-plus/)
- [🚀 Shop Vite （vue3.x + vite7.x + element-plus 2.x 支持 PC、平板、手机）](https://vuejs-core.cn/shop-vite/)

## 🌱 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

```

## 🍻 前端讨论 QQ 群

- [点击加入](https://vuejs-core.cn/vue-admin-better/#/donate)

## 🌟 优势亮点

### 主要优势:

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

[![Stargazers for vue-admin-better](https://reporoster.com/stars/zxwk1998/vue-admin-better)](https://github.com/zxwk1998/vue-admin-better/stargazers)

## ✨ Fork

[![Forkers repo roster for vue-admin-better](https://reporoster.com/forks/zxwk1998/vue-admin-better)](https://github.com/zxwk1998/vue-admin-better/network/members)

## 🎉 功能地图

![img](https://gcore.jsdelivr.net/gh/zxwk1998/image/vip/flow.drawio.png)

## 📄 vue-admin-better 开源版商用注意事项

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