## File: README.md

[](https://github.com/zxwk1998/vue-admin-better)
[](https://gitee.com/chu1204505056/vue-admin-better)
[](https://en.wikipedia.org/wiki/MIT_License)

---

## 🎉 **Qoder 一周年福利大放送，速领！**

为庆祝 Qoder 一周年及 Qwen3.8-Max 模型上线，官方推出限时福利活动！
👉 [点击此处，领取 Qoder 福利](https://qoder.com.cn/referral?referral_code=tfIKTRrrs8BtxyGtFf5ddRHo5AJIaWer)

👉 [点击此处，领取 Trae 福利](https://www.trae.cn/work-fission/2JW8BSJXYUVV?utm_source=copy_link&utm_medium=friends_invite)

👉 [点击此处，领取 Workbuddy 福利](https://www.workbuddy.cn/events/invite?inviteCode=rh4fy6pfwnx67ogs)

## 🚀 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/)

- [⚡️ 天天养基（第三方优秀项目）](https://qdii.vuejs-core.cn)

### 💰 商业版演示

- [🚀 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

[](https://github.com/zxwk1998/vue-admin-better/stargazers)

## ✨ Fork

[](https://github.com/zxwk1998/vue-admin-better/network/members)

## 🎉 功能地图



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

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

---

## File: README.en.md

[简体中文](./README.md) | English



[](https://github.com/zxwk1998/vue-admin-better)
[](https://gitee.com/chu1204505056/vue-admin-better)
[](https://en.wikipedia.org/wiki/MIT_License)

---

# 🎉 Characteristic

- 💪 40 + high quality single page
- 💅 RBAC model + JWT permission control
- 🌍 100000 + practical application of the project
- 👏 Good type definition
- 🥳 The open source version supports free commercial use
- 🚀 Cross platform PC, mobile terminal and tablet
- 📦 Back end route dynamic rendering

## 🌐 Address

- [🎉 Vue2. X + element UI (free commercial, PC, tablet and mobile phone supported)](https://vuejs-core.cn/vue-admin-better/)





- [⚡️ vue3.x + vite + vue-admin-arco](https://vuejs-core.cn/vue-admin-arco/)

- [🚀 Admin Pro demo address (vue2.x paid version, supporting PC, tablet and mobile phone)](https://vuejs-core.cn/admin-pro/)

- [🚀 Admin plus demo address (vue3.x paid version, supporting PC, tablet and mobile phone)](https://vuejs-core.cn/admin-plus/)

- [📌 Pro and plus purchase address authorization](https://vuejs-core.cn/authorization/)

- [🌐 Github Warehouse address](https://github.com/zxwk1998/vue-admin-better/)

- [🌐 Gitee Warehouse address](https://gitee.com/chu1204505056/vue-admin-better/)

- Recently, the VAB official website has been frequently attacked by DDoS. We have taken relevant preventive measures.
  If the website cannot be accessed, please visit the backup address

## 📦️ Desktop applications

- [Admin Pro](https://gitee.com/chu1204505056/microsoft-store/raw/master/AdminPlus.zip)
- [Admin Plus](https://gitee.com/chu1204505056/microsoft-store/raw/master/AdminPlus.zip)



## 🌱 Vue2.xmain [Click switch branch](https://github.com/zxwk1998/vue-admin-better/tree/master)

```bash
git clone -b master https://github.com/zxwk1998/vue-admin-better.git
npm i --registry=http://mirrors.cloud.tencent.com/npm/
npm run serve
```

## 🍻 Front end discussion QQ group

- Let's have a cup of coffee, and then contact QQ 783963206 to invite you to the discussion group. Because of the large
  number of users, if you haven't passed a friend's request, please contact Alipay on the Alipay payment page, whether
  you invite or not, you can enjoy the open source code, thank you for your support and trust, and provide the
  vue-admin-better basic version in the group. Automatic configuration tutorial of development tools and project
  development documents.



|  |  |  |
| --- | --- | --- |



## 🙈 We promise to sponsor open source projects regularly (thank giant)

<a title="vue" href="https://opencollective.com/vuejs" target="_blank">

</a>
<a title="element-plus" href="https://opencollective.com/element-plus" target="_blank">

</a>
<a title="ant-design-vue" href="https://opencollective.com/ant-design-vue" target="_blank">

</a>

## 🎨 Acknowledge

| Project                                                          |
| ---------------------------------------------------------------- |
| [vue](https://github.com/vuejs/vue)                              |
| [element-ui](https://github.com/ElemeFE/element)                 |
| [element-plus](https://github.com/element-plus/element-plus)     |
| [ant-design-vue](https://github.com/vueComponent/ant-design-vue) |
| [mock](https://github.com/nuysoft/Mock)                          |
| [axios](https://github.com/axios/axios)                          |

## 👷 Outstanding contributors to the framework (in no order)

<a href="https://github.com/buuing" target="_blank">

</a>
<a href="https://github.com/hipi" target="_blank">

</a>
<a href="https://github.com/fwfmiao" target="_blank">

</a>
<a href="https://github.com/hdtopku" target="_blank">

</a>
<a href="https://github.com/shaonialife" target="_blank">

</a>

## 📌 Advantages and precautions

```
Compared with other open source admin frameworks, it has the following advantages:
1. Support the front-end control routing permission intelligence and the back-end control routing permission all mode
2. It is known that the open source Vue admin framework is the first to support the automatic generation and export function of mock
3. More than 50 global fine configurations are provided
4. Support SCSS automatic sorting and eslint automatic repair
5. Axios fine encapsulation supports multiple data sources, multiple successful code arrays, and application / JSON; charset=UTF-8、application/x-www-form-urlencoded; Charset = UTF-8 multiple parameter transfer modes
6. Support login RSA encryption
7. Support packaging to automatically generate 7z compressed packages
8. Support errorlog error interception
9. Support multi theme and multi layout switching
Precautions for use:
1. The project uses lf line feed instead of CRLF line feed by default. When creating a new file, please pay attention to selecting the file line feed
2. The project uses the strictest eslint verification specification (plugin: Vue / recommended) by default. Before using it, it is recommended to configure the development tool to realize automatic repair (vscode development is recommended)
3. The project uses the MIT open source agreement with the broadest requirements, and the MIT open source agreement can be used for free

```

## 💚 Suitable for people

- I am developing and want to use element UI / element plus, with 1 year of front-end development experience +.
- Familiar with vue.js technology stack and developed several practical projects with it.
- Students who are interested in principle and technology and want to improve.

## 🎉 Function map



## 🗃️ design sketch

The following is a screenshot of the pro version:



|  |  |
| --- | --- |
|  |  |
|  |  |



## 📄 Commercial considerations

This project can be used for commercial purposes free of charge. Please abide by the MIT agreement and keep the author's
technical support statement. For customized source code copyright information, please contact customer service QQ 783963206.