vue-vben-admin
Vue Vben Admin 是一套基于 Vue 3 + Vite + TypeScript 的免费开源中后台前端模板,采用 pnpm Monorepo 结构,内置主题、国际化与动态路由权限方案,开箱即用,可作为管理后台脚手架或学习参考。
项目介绍
Vue Vben Admin 是一个免费开源的中后台(管理后台)前端模板,目标是提供开箱即用的中后台前端解决方案。它使用 Vue 3、Vite、TypeScript 等主流技术栈构建,内置了后台系统常见的布局、主题切换、国际化和权限控制等能力,开发者可以基于它快速搭建企业级管理系统,也可以作为学习现代 Vue 工程化的参考项目。
当前为 5.0 大版本,代码组织为 pnpm Monorepo,UI 层基于 shadcn UI 思路,并适配了 Ant Design Vue、Element Plus、Naive UI 等多套组件库,方便按团队技术选型切换。权限方面内置了基于动态路由的权限生成方案,主题色与多语言也都有完整支持。
从成熟度看,项目在 GitHub 上约有 3.3 万 star、近 9 千 fork,社区活跃、提交频繁(最近推送在 2026-08-31),并持续发布版本(最新 release 为 v5.7.0)。需要注意 5.0 与旧版本不兼容,旧项目需使用 v2 分支;star 数反映其受欢迎程度,不构成对具体二次开发结果的保证。
项目信息根据开源项目公开资料整理。
核心功能
- 基于 Vue 3 + Vite + TypeScript 的现代前端技术栈,开发体验快
- pnpm Monorepo 结构,多包管理,便于大型项目拆分维护
- 5.x 基于 shadcn UI,并适配 Ant Design Vue、Element Plus、Naive UI 等多套组件库
- 内置多套主题色与可自定义的界面主题
- 完善的国际化(i18n)多语言方案
- 内置基于动态路由的权限管理与菜单生成方案
- 提供后台系统常用布局、组件与页面示例,开箱即用
- 全量 TypeScript 类型支持,配有官方文档与在线演示
适用场景
- 企业内部管理后台、运营后台、CRM、ERP 等中后台系统的前端脚手架
- 团队需要快速搭建带权限、菜单、主题、多语言的 Vue 3 后台项目
- 希望在 Ant Design Vue / Element Plus / Naive UI 之间选型或切换的团队
- 学习 Vue 3 + Vite + TypeScript + Monorepo 工程化实践的开发者
- 作为 SaaS 控制台、数据看板等后台产品的起点模板
部署说明
这是前端中后台模板,无需部署服务端,克隆后按前端工程方式运行与构建。要求已安装 Node.js,包管理器使用 pnpm(通过 corepack 启用)。
1. 获取代码
git clone https://github.com/vbenjs/vue-vben-admin.git
cd vue-vben-admin2. 安装依赖
npm i -g corepack
pnpm install3. 本地开发运行
pnpm dev4. 生产环境构建
pnpm build构建产物为静态文件,可部署到任意静态服务器或 Nginx。注意:当前为 5.0 版本,采用 pnpm Monorepo 结构,与 4.x 及更早版本不兼容;旧项目请使用 v2 分支。运行前可参考官方文档 https://doc.vben.pro/ ,在线演示 https://vben.pro/ (测试账号 vben/123456)。
运行环境
开发语言TypeScript
框架Vue
运行时Node.js
部署方式Docker