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

Click to view the non-internationalized version
Click to view Internationalization version

Supporting Video

Click Watch Tutorial
Click Watch UI Design

Docs

View vue-pure-admin documentation
View @pureadmin/utils documentation

Quality service, software outsourcing, sponsorship support

Click me for details

Tauri

Click Watch Tauri

Electron

Click Watch Electron

Preview

preview station

PC

DarkMode

Mobile

Use Gitpod

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

Install And Use

Pull code

It is recommended to use `@pureadmin/cli` scaffolding

Global installation
```
npm install -g @pureadmin/cli
```
Interactively select templates and create projects
```
pure create
```

Click to view the detailed usage of @pureadmin/cli scaffolding

Pull from `GitHub`

git clone https://github.com/pure-admin/vue-pure-admin.git

Pulled from `Gitee`

git clone https://gitee.com/yiming_chang/vue-pure-admin.git

Install dependencies

cd vue-pure-admin

pnpm install

Run platform

pnpm dev

Project packaging

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 the Dockerfile 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 the 80 port is used in the container, and the port is forwarded to the 8080 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

CHANGELOG

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
submitpull request

Special code contributions

Thank you very much for your in-depth understanding of the source code and your outstanding contributions to the pure-admin organization ❤️

Contributor	SpecificCode
hb0730	代码
o-cc	代码
yj-liuzepeng	代码
shark-lajiao	代码
WitMiao	代码

Git Contribution submission specification

reference vue specification (Angular)

feat Add new features
fix Fix the problem/BUG
style The code style is related and does not affect the running result
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

Browser support

It is recommended to use Chrome, Edge, and Firefox browsers for local development. The author commonly uses the latest version of Chrome browser.
In actual use, I feel that Firefox is smoother in animation than other browsers, but the author is used to using Chrome. It depends on personal preference.
For more detailed browser compatibility support, please see Which browsers does Vue support? and Vite browser compatibility

IEEdgeFirefox

Chrome

Safari not support last 2 versions last 2 versions last 2 versions last 2 versions

Maintainer

xiaoxian521、Ten-K

License

Completely free and open source

`Star`

Many thanks to the kind individuals who leave a star. Your support is much appreciated :heart:

`Fork`

It's so cool that you study hard :heart:

README.en-US.md 11 KB 文件歷史 原始文件