* refactor: 优化主题色 * chore: 移除`yellow`金色主题配色 * perf: 优化左侧菜单的右边框,使其不再突兀 * style: 所有层级的子菜单字体大小跟顶级菜单保持一致都是`14px` * chore: 默认亮白色`light`主题配色,并按照感官调整主题色顺序 * fix: 修复亮白主题配色,切换暗色主题后再切回亮色主题时,无法恢复之前的亮白主题配色 * style: 统一亮白主题配色下顶部菜单和混合菜单的`logo`和右侧操作功能颜色
vue-pure-admin
English | 中文
Introduction
vue-pure-admin
is an open source, free and out-of-the-box middle and backend management system template. Completely adopts ECMAScript
module (ESM
) specifications to write and organize code, using the latest Vue3
, Vite
, Element-Plus
, TypeScript
, Pinia
, Tailwindcss
and other mainstream technologies develop
Thin version (offering non-internationalized and internationalized versions)
The simplified version is based on the shelf extracted from vue-pure-admin, which contains main functions and is more suitable for actual project development. The packaged size is introduced globally element-plus is still below 2.3MB
, and the full version of the code will be permanently synchronized. After enabling brotli
compression and cdn
to replace the local library mode, the package size is less than 350kb
Supporting Video
Docs
Tauri
Electron
Preview
- DarkMode
- Mobile
Use Gitpod
Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.
Install and use
- Get the project code
git clone https://github.com/pure-admin/vue-pure-admin.git
or
git clone https://gitee.com/yiming_chang/vue-pure-admin.git
- Installation dependencies
cd vue-pure-admin
pnpm install
- run
pnpm serve
- build
pnpm build
Docker support
- Customize the image named
vue-pure-admin
(please note that there is a dot.
at the end of the command below, indicating that theDockerfile
file in the current path is used, and the path can be specified according to the actual situation)
docker build -t vue-pure-admin .
- Port mapping and start the
docker
container (8080:80
: indicates that the80
port is used in the container, and the port is forwarded to the8080
port of the host;pure-admin
: indicates a custom container name;vue-pure-admin
: indicates the custom image name)
docker run -dp 8080:80 --name pure-admin vue-pure-admin
After operating the above two commands, open http://localhost:8080
in the browser to preview
Of course, you can also operate the docker
project through the Docker Desktop visual interface, as shown below
Change Log
How to contribute
You are very welcome to join!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
-
reference vue specification (Angular)
feat
Add new featuresfix
Fix the problem/BUGstyle
The code style is related and does not affect the running resultperf
Optimization/performance improvementrefactor
Refactorrevert
Undo edittest
Test relateddocs
Documentation/noteschore
Dependency update/scaffolding configuration modification etc.workflow
Workflow improvementsci
Continuous integrationtypes
Type definition file changeswip
In development
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 |
Maintainer
License
Completely free and open source
MIT © 2020-present, pure-admin
Star
Many thanks to the kind individuals who leave a star. Your support is much appreciated ❤️
Fork
It's so cool that you study hard ❤️