.github/workflows | ||
.husky | ||
.vscode | ||
mock | ||
plop | ||
public | ||
scripts | ||
src | ||
types | ||
.env.base | ||
.env.dev | ||
.env.gitee | ||
.env.pro | ||
.env.test | ||
.eslintignore | ||
.eslintrc.js | ||
.gitignore | ||
.prettierignore | ||
.stylelintignore | ||
CHANGELOG.md | ||
commitlint.config.js | ||
index.html | ||
LICENSE | ||
package.json | ||
plopfile.js | ||
postcss.config.js | ||
prettier.config.js | ||
README.md | ||
README.zh-CN.md | ||
stylelint.config.js | ||
tsconfig.json | ||
uno.config.ts | ||
vite.config.ts |
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
Preparation
- node and git - Project development environment
- Vite4 - 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
- run
pnpm run dev
- build
pnpm run build:pro
Change Log
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 featuresfix
Fix bugsdocs
documentstyle
Format and style (changes that do not affect code operation)refactor
Refactorperf
Optimize related, such as improving performance and experiencetest
Add testbuild
Compilation related modifications, changes to project construction or dependenciesci
Continuous integration modificationchore
Changes in the construction process or auxiliary toolsrevert
Rollback to previous versionworkflow
Workflow improvementmod
Uncertain modification classificationwip
Under developmenttypes
type
Browser support
The Chrome 80+
browser is recommended for local development
Support modern browsers, not IE
IE |
Edge |
Firefox |
Chrome |
Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
Donate
If you find this project helpful, welcome sponsorship to show your support~
Group
If you want to join the technical communication group for discussion, please add me as a friend