vue-admin-better README

The project's README from github.com/zxwk1998/vue-admin-better. As one markdown file: README.md.

Vue Admin Better

拒绝过度封装,去除等待时间,让项目回归纯粹,让开发变得简单

stars star license


🎉 Workbuddy 福利大放送,速领!

👉 点击此处,领取 Workbuddy 福利

🚀 2026 全新启程

🎉 特性

🌐 演示地址

💡 社区版演示

💰 商业版演示

🌱 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) 点击切换仓库


# 克隆项目

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) 点击切换仓库


# 克隆项目

git clone https://github.com/zxwk1998/vue-admin-arco.git

# 安装依赖

pnpm i --registry=http://mirrors.cloud.tencent.com/npm/

# 本地开发 启动项目

npm run dev

🍻 前端讨论 QQ 群

🌟 优势亮点

主要优势:

  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 开源协议,保留协议声明即可免费商用

💚 适合人群

🎨 Star

Stargazers for vue-admin-better

✨ Fork

Forkers repo roster for vue-admin-better

🎉 功能地图

img

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

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

vue-admin-better (zxwk1998/vue-admin-better)

Searching Database…

这是什么?vue-admin-better 是一个开源的 Vue 后台管理系统模板:一套现成的后台面板骨架,内置 40 多个精美的页面、RBAC + JWT 权限控制以及由后端动态下发路由的能力,已经在 10 万多个真实项目中使用。
它是一个做好的应用,还是需要我在上面搭建的起始模板?是一个起始模板,不是成品:你把它克隆下来,在它基础上搭建自己的后台面板。它提供了布局、主题、权限路由和预先配置好的 Axios 封装,业务页面留给你自己开发。
怎么把它跑起来?克隆仓库,用 npm 安装依赖(仓库的维护脚本也用 pnpm;Node >= 8.9),然后运行 'npm run serve:rspack' 启动开发服务器,或者运行 'npm run build' 进行生产构建——据称构建不到 5 秒就能完成。
我需要自己准备后端服务器才能用吗?刚开始不需要:模板自带 mockjs,会自动生成 mock 数据,所以前端可以独立运行。之后你可以切换到由后端控制的动态路由,让菜单和权限来自你自己的服务器。
开始自定义之前有什么需要注意的坑吗?有:项目使用 LF 换行符,并且启用了最严格的 ESLint 规则集(plugin:vue/recommended),所以 README 建议先配置好你的编辑器(推荐 VSCode)让它自动修复问题。
适合 Vue 新手吗?它假定你有一定的经验:README 面向有 1 年以上前端开发经验、正在使用或打算使用 element-ui/element-plus 的开发者,以及那些想深入研究其内部实现来提升水平的人。
这个仓库用的是哪个 Vue 版本和哪个 UI 组件库?这个仓库是基于 Element UI 的 Vue 2.x 版本。README 里链接的独立仓库提供了 Vue 3 版本,分别搭配 Element Plus 和 Arco Design;另外还有付费版本(Admin Pro、Admin Plus、Shop Vite),是在免费版基础上增强的。
开箱即用能得到什么?40 多个现成页面、支持前端和后端两种路由模式的 RBAC + JWT 权限控制、50 多个全局配置项、多主题和多布局切换、支持多数据源的细粒度 Axios 封装、登录 RSA 加密、错误日志拦截,以及构建时自动生成 7Z 压缩包。
开发和构建速度快吗?2026 年改用 Rspack 之后,README 声称开发服务器快了 10-15 倍,打包快了 20-30 倍,整个构建不到 5 秒就能完成。
用之前可以先试用吗?可以——README 提供了每个版本的在线演示链接,包括部署在 GitHub 上的免费社区版预览,Vue 2(Element UI)和 Vue 3(Element Plus)版本都有,都能在电脑、平板和手机上使用。
Creator
zxwk1998
Size
187.9 MB
Stars
18.9K
Updated
CommitOct 08
Age
6y
Commits · 90 Days