vue-vben-admin
vue-vben-admin copied to clipboard
A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!
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
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
- run
pnpm dev
- build
pnpm build
Change Log
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
- submit
pull 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
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Maintainer
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!
Contributor
Discord
License
MIT © Vben-2020