Awesome

<h1>Vue Vben Admin</h1> </div>

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.

Feature

Latest Technology Stack: Developed with cutting-edge front-end technologies like Vue 3 and Vite
TypeScript: A language for application-scale JavaScript
Themes: Multiple theme colors available with customizable options
Internationalization: Comprehensive built-in internationalization support
Permissions: Built-in solution for dynamic route-based permission generation

Preview

Vben Admin - Full version Chinese site

Test Account: vben/123456

Use Gitpod

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

Documentation

Document

Install and use

Get the project code

git clone https://github.com/vbenjs/vue-vben-admin.git

Installation dependencies

cd vue-vben-admin

corepack enable

pnpm install

pnpm dev

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:

Fork code!
Create your own branch: git checkout -b feat/xxxx
Submit your changes: git commit -am 'feat(function): add xxxxx'
Push your branch: git push origin feat/xxxx
submitpull request

Git Contribution submission specification

reference vue specification (Angular)
- feat Add new features
- fix Fix the problem/BUG
- style The code style is related and does not affect the running result
- perf Optimization/performance improvement
- refactor Refactor
- revert Undo edit
- test Test related
- docs Documentation/notes
- chore Dependency update/scaffolding configuration modification etc.
- ci Continuous integration
- types Type definition file changes
- wip In development

Browser support

The Chrome 80+ browser is recommended for local development

Support modern browsers, not IE

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" /></br>IE	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" /></br>Edge	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /></br>Chrome	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /></br>Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

Maintainer

@Vben

Star History

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

<a style="display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aee;border-radius: 4px;" href="https://www.paypal.com/paypalme/cvvben">Paypal Me</a>

Contributor

Discord

Github Discussions