VbenAdmin Logo


    Vue vben admin

    English | 中文


    Vue Vben Admin is a free and open source middle and back-end template. Using the latest vue3, vite2, 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.


    • State of The Art Development:Use front-end front-end technology development such as Vue3/vite2
    • TypeScript: Application-level JavaScript language
    • Theming: Configurable themes
    • International:Built-in complete internationalization program
    • Mock Server Built-in mock data scheme
    • Authority Built-in complete dynamic routing permission generation scheme.
    • Component Multiple commonly used components are encapsulated twice


    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




    • node and git - Project development environment
    • Vite - Familiar with vite features
    • Vue3 - Familiar with Vue basic syntax
    • TypeScript - Familiar with the basic syntax of TypeScript
    • Es6+ - Familiar with es6 basic syntax
    • Vue-Router-Next - Familiar with the basic use of vue-router
    • Ant-Design-Vue - ui basic use
    • Mock.js - mockjs basic syntax

    Install and use

    • Get the project code
    git clone
    • Installation dependencies
    cd vue-vben-admin
    pnpm install
    • run
    pnpm serve
    • build
    pnpm build

    Change Log



    How to contribute

    You are very welcome to join!Raise an issue Or submit a Pull Request。

    Pull Request:

    1. Fork code!
    2. Create your own 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. 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.
      • workflow Workflow improvements
      • ci Continuous integration
      • types Type definition file changes
      • wip In development

    Related warehouse

    If these plugins are helpful to you, you can give a star support

    Browser support

    The Chrome 80+ browser is recommended for local development

    Support modern browsers, not IE

     EdgeIE  EdgeEdge FirefoxFirefox ChromeChrome SafariSafari
    not support last 2 versions last 2 versions last 2 versions last 2 versions




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


    Paypal Me



    MIT © Vben-2020


    A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!

    🚀 Github 镜像仓库 🚀


    发行版本 22



    贡献者 223



    • Vue 49.9 %
    • TypeScript 44.7 %
    • Less 2.5 %
    • JavaScript 1.9 %
    • CSS 0.6 %