18.9K ·GitHub
这是什么?
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)版本都有,都能在电脑、平板和手机上使用。
What are similar projects?
vue-element-admin, vue-manage-system, iview-admin, soybean-admin, vuestic-admin, gin-vue-admin, vue-admin-template, go-admin
Which topics is it in?
axios, element-plus, vue-cli, vue-admin, ant-design, admin-template, element-ui, scss, admin, vuejs, spring-boot, vue3
