vue-vben-admin README

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

VbenAdmin Logo

license

Vue Vben Admin

Quality Gate Status codeql build ci deploy

English | 中文 | 日本語

Introduction

Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite, TypeScript and other mainstream technology development, the out-of-the-box middle and back-end front-end solutions can also be used for learning reference.

Upgrade Notice

This is the latest version, 5.0, and it is not compatible with previous versions. If you are starting a new project, it is recommended to use the latest version. If you wish to view the old version, please use the v2 branch.

Features

Preview

Test Account: vben/123456

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

Documentation

Document

Install and Use

  1. Get the project code
git clone https://github.com/vbenjs/vue-vben-admin.git
  1. Install dependencies
cd vue-vben-admin
npm i -g corepack
pnpm install
  1. Run
pnpm dev
  1. Build
pnpm build

Change Log

CHANGELOG

How to Contribute

You are very welcome to join! Raise an issue or submit a Pull Request.

Pull Request Process:

  1. Fork the code
  2. Create your branch: git checkout -b feat/xxxx
  3. Submit your changes: git commit -am 'feat(function): add xxxxx'
  4. Push your branch: git push origin feat/xxxx
  5. Submit pull request

Git Contribution Submission Specification

Reference vue specification (Angular)

Browser Support

Tailwind CSS v4.0 is designed for Safari 16.4+, Chrome 111+, and Firefox 128+

Support modern browsers, not IE

Edge
Edge		 Firefox
Firefox		 Chrome
Chrome		 Safari
Safari
last 2 versions last 2 versions last 2 versions last 2 versions

Maintainer

@Vben

Star History

Star History Chart

Donate

If you think this project is helpful to you, you can help the author buy a cup of coffee to show your support!

donate

Paypal Me

Contributors

Contribution Leaderboard Contributors

Discord

License

MIT © Vben-2020

vue-vben-admin (vbenjs/vue-vben-admin)

Searching Database…

33.6K ·GitHub
Vue-vben-admin
这是什么？Vue Vben Admin 是一个免费开源的中后台管理面板模板，基于 Vue3、Vite、TypeScript 构建，采用 monorepo 结构，既可以开箱即用，也可以作为学习参考。
这是框架、库，还是我直接运行的现成模板？它是一个现成的后台管理仪表盘模板或启动项目（采用 monorepo 结构，包含多个 UI 版本），而不是可以导入到现有应用中的库。
我该怎么把它跑起来？克隆仓库，使用 pnpm 安装依赖，然后运行开发命令，准备好后再执行构建。
运行之前需要先安装什么？你需要安装 Node.js（v22.18+ 或 v24.12+）和 pnpm（v11 或更高版本），才能安装依赖并运行项目。
我能把旧版 Vben Admin 项目升级到这个版本吗？不能，5.0 版本与旧版本不向后兼容；新项目应使用最新版本，旧版本的用户应继续使用 v2 分支。
它能在 IE 这样的旧浏览器中运行吗？不能，它只支持现代浏览器（Edge、Firefox、Chrome、Safari 的最新两个版本），并且明确放弃了对 IE 的支持。
我可以选择哪些 UI 组件库？项目提供多个基于不同 UI 套件的前端版本，包括 Ant Design、Element Plus、Naive UI 和 Shadcn UI，你可以选择符合需求的设计体系。
我不在本地安装任何东西也能试用吗？可以，你可以直接在 Gitpod 中打开项目。Gitpod 是从 GitHub 链接过去的免费在线开发环境，无需本地配置即可立即开始编码。
它是否开箱即用地包含国际化和权限处理？是的，它内置了完善的国际化支持，以及基于动态路由生成权限的内置方案。
有可以体验的在线演示吗？有，提供完整版预览网站（中文站点），并附有测试账号（vben/123456），可以在安装前先体验这个管理面板。
What are similar projects?vuestic-admin, soybean-admin, vue-admin-better, vue-manage-system, vue-element-admin, iview-admin, financial_intelligence_system_web, ant-design-vue-pro
Which topics is it in?element-plus, ant-design, admin-template, vue-router, vuex, shadcn-ui, vue3, web-framework, monorepo, vite, i18n, authentication
Creator
vbenjs
Size
47.7 MB
Stars
33.6K
Updated
CommitOct 12Releasev5.7.0May 21
Age
6y
Commits · 90 Days