[![license](https://img.shields.io/github/license/kailong321200875/vue-element-plus-admin.svg)](LICENSE) [![repo-size](https://img.shields.io/github/repo-size/kailong321200875/vue-element-plus-admin.svg)](repo-size) [![last-commit](https://img.shields.io/github/last-commit/kailong321200875/vue-element-plus-admin.svg)](last-commit) [![stars](https://img.shields.io/github/stars/kailong321200875/vue-element-plus-admin.svg)](stars) [![forks](https://img.shields.io/github/forks/kailong321200875/vue-element-plus-admin.svg)](forks) [![release](https://img.shields.io/github/release/kailong321200875/vue-element-plus-admin.svg)](release) [![watchers](https://img.shields.io/github/watchers/kailong321200875/vue-element-plus-admin.svg)](watchers)

vue-element-plus-admin

English | 中文

Introduction

vue-element-plus-admin is a free and open source middle and background template based on element-plus. Developed using the latest mainstream technologies such as vue3, vite and typescript, the out of the box middle and background front-end solution can be used as the starting template of the project and learning reference. And always pay attention to the latest technological trends and update them as soon as possible.

vue-element-plus-admin is positioned as a background integration scheme, which is not suitable for secondary development as a basic template. Because it integrates many functions that you may not use, it will cause a lot of code redundancy. If your project doesn't pay attention to this problem, you can also directly carry out secondary development based on it.

If you need a basic template, please switch to the mini branch. mini simply integrates some common layout functions such as layout and dynamic menu, which is more suitable for developers to carry out secondary development.

Feature

State of The Art Development：Use front-end front-end technology development such as Vue3/vite4
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
Examples Built-in rich examples

Preview

vue-element-plus-admin - Full version of the github site
vue-element-plus-admin - Full version of the gitee site

account: admin/admin

Online examples do not apply to menu filtering by default, but directly use Static routing

Documentation

Document Github

Document Gitee

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
Element-Plus - Familiar with the basic use of element-plus
Mock.js - mockjs basic syntax

Install and use

Get the project code

git clone https://github.com/kailong321200875/vue-element-plus-admin.git

Installation dependencies

cd vue-element-plus-admin

pnpm install

pnpm run dev

build

pnpm run build:pro

Change Log

CHANGELOG

How to contribute

You can 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

feat New features
fix Fix bugs
docs document
style Format and style (changes that do not affect code operation)
refactor Refactor
perf Optimize related, such as improving performance and experience
test Add test
build Compilation related modifications, changes to project construction or dependencies
ci Continuous integration modification
chore Changes in the construction process or auxiliary tools
revert Rollback to previous version
workflow Workflow improvement
mod Uncertain modification classification
wip Under development
types type