vue-elementplus-admin

[](LICENSE)

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, vite2 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 tempalte branch. Tempalte 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/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
• 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 test/test

admin account is used to simulate the control permission of the server, and render whatever the server returns

test account is used to simulate the front-end control authority. The server only returns the menu key to be displayed, and the front-end performs matching rendering

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
  
  

• run

  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:

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. 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

Browser support

The Chrome 80+ browser is recommended for local development

Support modern browsers, not IE

IEEdgeFirefox Chrome Safari not support last 2 versions last 2 versions last 2 versions last 2 versions

License

MIT

Collaborators

<td align="center">
    <a href="https://github.com/niyg">
        <img src="https://avatars.githubusercontent.com/u/14817820?v=4" width="100;" alt="niyg"/>
        <br />
        <sub><b>福州-大雨</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/git-Where">
        <img src="https://avatars.githubusercontent.com/u/16344566?v=4" width="100;" alt="git-Where"/>
        <br />
        <sub><b>葉家男孩</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/z6w6j6">
        <img src="https://avatars.githubusercontent.com/u/23661303?v=4" width="100;" alt="z6w6j6"/>
        <br />
        <sub><b>Z6w6j6</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/kailong321200875">
        <img src="https://avatars.githubusercontent.com/u/32283845?v=4" width="100;" alt="kailong321200875"/>
        <br />
        <sub><b>Archer</b></sub>
    </a>
</td></tr>

Contributors

<td align="center">
    <a href="https://github.com/kailong321200875">
        <img src="https://avatars.githubusercontent.com/u/32283845?v=4" width="100;" alt="kailong321200875"/>
        <br />
        <sub><b>Archer</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/kailong502431556">
        <img src="https://avatars.githubusercontent.com/u/30221169?v=4" width="100;" alt="kailong502431556"/>
        <br />
        <sub><b>Kailong502431556</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/huanghong1125">
        <img src="https://avatars.githubusercontent.com/u/12794817?v=4" width="100;" alt="huanghong1125"/>
        <br />
        <sub><b>Huanghong</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/snowords">
        <img src="https://avatars.githubusercontent.com/u/22708432?v=4" width="100;" alt="snowords"/>
        <br />
        <sub><b>Snoword</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/WuYihui">
        <img src="https://avatars.githubusercontent.com/u/29938095?v=4" width="100;" alt="WuYihui"/>
        <br />
        <sub><b>WuYihui</b></sub>
    </a>
</td>
<td align="center">
    <a href="https://github.com/z6w6j6">
        <img src="https://avatars.githubusercontent.com/u/23661303?v=4" width="100;" alt="z6w6j6"/>
        <br />
        <sub><b>Z6w6j6</b></sub>
    </a>
</td></tr>