Vue vben admin

一款现代 vue 管理器模板。它基于 Vue3、vite 和 TypeScript。速度极快!「A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!」

Github星跟踪图

license

English | 中文

Introduction

Vue Vben Admin is a free and open source middle platform/back-end template. Using the latest vue3, vite4, TypeScript and other mainstream technology, Vben is the out-of-the-box front-end solution for both production and learning purpose.

Features

  • State-of-art Techinical Stack:Using the latest and popular front-end technology such as Vue3/vite2
  • TypeScript: Application-level JavaScript language
  • Theming: Configurable themes
  • International:Built-in i18n support
  • Response Mock: Built-in response mock ability
  • Authority: Built-in permission system based on dynamic routes.
  • Component: Extracted and encapsulated components for various scenarios.

Preview

Test account: vben/123456

Use Gitpod

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

Open in Gitpod

Documentation

Document

Preparation

  • 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 https://github.com/anncwb/vue-vben-admin.git
  • Install dependencies
cd vue-vben-admin

pnpm install

  • run
pnpm serve
  • build
pnpm build
  • docker

The dockerFile is located in the project root directory and supports differential deployment

build image

docker build -t vue-vben-admin .

Use environment variables to achieve differentiated container deployment. Specify service endpoint by assigning VG_BASE_URL. In the following example, http://localhost:3333 is used as the back-end service address and the container is mapped to port 6666:

docker run --name vue-vben-admin -d -p 6666:80  -e VG_BASE_URL=http://localhost:3333 vue-vben-admin

Then you can navigate to http://localhost:6666

Change Log

CHANGELOG

Project

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 Modify the code style/format that does not affect the feature
    • 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

If these plugins are helpful to you, you can show support by leaving a star!

Browser support

The Chrome 80+ browser is recommended for local development

Support modern browsers, doesn't include IE

IE Edge Firefox Chrome Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

Maintainer

@Vben @Jinmao

Thanks

Star History Chart

Star History Chart

License

MIT © Vben-2020

主要指标

概览
名称与所有者vbenjs/vue-vben-admin
主编程语言Vue
编程语言JavaScript (语言数: 8)
平台Linux, Mac, Windows
许可证MIT License
所有者活动
创建于2020-07-11 02:29:21
推送于2025-04-26 03:04:14
最后一次提交
发布数59
最新版本名称v5.5.4 (发布于 )
第一版名称v2.0.0 (发布于 )
用户参与
星数27.9k
关注者数255
派生数7.6k
提交数0.9k
已启用问题?
问题数3312
打开的问题数78
拉请求数1524
打开的拉请求数10
关闭的拉请求数677
项目设置
已启用Wiki?
已存档?
是复刻?
已锁定?
是镜像?
是私有?