<h1>vue-pure-admin</h1>
![GitHub license](https://img.shields.io/github/license/pure-admin/vue-pure-admin?style=flat)
![GitHub stars](https://img.shields.io/github/stars/pure-admin/vue-pure-admin?color=fa6470&style=flat)
![GitHub forks](https://img.shields.io/github/forks/pure-admin/vue-pure-admin?style=flat)
**中文** | [English](./README.en-US.md)
## 简介
`vue-pure-admin` 是一款开源免费且开箱即用的中后台管理系统模版。完全采用 `ECMAScript` 模块(`ESM`)规范来编写和组织代码,使用了最新的 `Vue3`、`Vite`、`Element-Plus`、`TypeScript`、`Pinia`、`Tailwindcss` 等主流技术开发
## 精简版本(实际项目开发请用精简版本,提供 `非国际化` 、`国际化` 两个版本选择)
精简版本是基于 [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) 提炼出的架子,包含主体功能,更适合实际项目开发,打包后的大小在全局引入 [element-plus](https://element-plus.org) 的情况下仍然低于 `2.3MB`,并且会永久同步完整版的代码。开启 `brotli` 压缩和 `cdn` 替换本地库模式后,打包大小低于 `350kb`
[点我查看非国际化精简版本](https://github.com/pure-admin/pure-admin-thin)
[点我查看国际化精简版本](https://github.com/pure-admin/pure-admin-thin/tree/i18n)
## 配套视频
[点我查看快速开发教程](https://www.bilibili.com/video/BV1kg411v7QT)
[点我查看 UI 设计](https://www.bilibili.com/video/BV17g411T7rq)
## 配套保姆级文档
[查看 vue-pure-admin 文档](https://yiming_chang.gitee.io/pure-admin-doc)
[查看 @pureadmin/utils 文档](https://pure-admin-utils.netlify.app)
## `Tauri` 版本
[点我查看 Tauri 版本](https://github.com/pure-admin/tauri-pure-admin)
## `Electron` 版本
[点我查看 Electron 版本](https://github.com/pure-admin/electron-pure-admin)
## 预览
[查看预览](https://yiming_chang.gitee.io/vue-pure-admin)
`PC` 端
<p align="center">
<img alt="PureAdmin" src="https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/1.jpg">
<br />
<img alt="PureAdmin" src="https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/2.jpg">
</p>
暗色风格
<p align="center">
<img alt="PureAdmin" src="https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/3.jpg">
<br />
<img alt="PureAdmin" src="https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/4.jpg">
</p>
移动端
<p align="center">
<img alt="PureAdmin" src="https://xiaoxian521.github.io/hyperlink/img/vue-pure-admin/5.jpg">
</p>
### 使用 `Gitpod`
在 `Gitpod`(适用于 `GitHub` 的免费在线开发环境)中打开项目,并立即开始编码.
[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io/#https://github.com/pure-admin/vue-pure-admin)
## 安装使用
### 拉取代码
#### 推荐使用 `@pureadmin/cli` 脚手架
<br/>
<img src="https://xiaoxian521.github.io/hyperlink/gif/pure-admin-cli.gif" alt="pure-admin-cli" />
1. 全局安装
```bash
npm install -g @pureadmin/cli
```
2. 交互式选择模板并创建项目
```bash
pure create
```
[点我查看 @pureadmin/cli 脚手架详细用法](https://github.com/pure-admin/pure-admin-cli#pureadmincli)
#### 从 `GitHub` 上拉取
```bash
git clone https://github.com/pure-admin/vue-pure-admin.git
```
#### 从 `Gitee` 上拉取
```bash
git clone https://gitee.com/yiming_chang/vue-pure-admin.git
```
### 安装依赖
```bash
cd vue-pure-admin
pnpm install
```
### 启动平台
```bash
pnpm dev
```
### 项目打包
```bash
pnpm build
```
## Docker 支持
1. 自定义镜像名为 `vue-pure-admin` 的镜像(请注意下面命令末尾有一个点 `.` 表示使用当前路径下的 `Dockerfile` 文件,可根据实际情况指定路径)
```bash
docker build -t vue-pure-admin .
```
2. 端口映射并启动 `docker` 容器(`8080:80`:表示在容器中使用 `80` 端口,并将该端口转发到主机的 `8080` 端口;`pure-admin`:表示自定义容器名;`vue-pure-admin`:表示自定义镜像名)
```bash
docker run -dp 8080:80 --name pure-admin vue-pure-admin
```
操作完上面两个命令后,在浏览器打开 `http://localhost:8080` 即可预览
当然也可以通过 [Docker Desktop](https://www.docker.com/products/docker-desktop/) 可视化界面去操作 `docker` 项目,如下图
<p align="center">
<img alt="docker-desktop" width="100%" src="https://xiaoxian521.github.io/hyperlink/img/docker-desktop.jpg">
</p>
## 更新日志
[CHANGELOG](./CHANGELOG.zh_CN.md)
## 如何贡献
非常欢迎您的加入![提一个 Issue](https://github.com/pure-admin/vue-pure-admin/issues/new/choose) 或者提交一个 `Pull Request`
**Pull Request:**
1. Fork 代码!
2. 创建自己的分支: `git checkout -b feat/xxxx`
3. 提交您的修改: `git commit -am 'feat(function): add xxxxx'`
4. 推送您的分支: `git push origin feat/xxxx`
5. 提交`pull request`
## `Git` 贡献提交规范
参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))
- `feat` 增加新功能
- `fix` 修复问题/BUG
- `style` 代码风格相关无影响运行结果的
- `perf` 优化/性能提升
- `refactor` 重构
- `revert` 撤销修改
- `test` 测试相关
- `docs` 文档/注释
- `chore` 依赖更新/脚手架配置修改等
- `workflow` 工作流改进
- `ci` 持续集成
- `types` 类型定义文件更改
- `wip` 开发中
## 浏览器支持
本地开发推荐使用 `Chrome`、`Edge`、`Firefox` 浏览器,作者常用的是最新版 `Chrome` 浏览器
实际使用中感觉 `Firefox` 在动画上要比别的浏览器更加丝滑,只是作者用 `Chrome` 已经习惯了,看个人爱好选择吧
更详细的浏览器兼容性支持请看 [Vue 支持哪些浏览器?](https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support) 和 [Vite 浏览器兼容性](https://cn.vitejs.dev/guide/build#browser-compatibility)
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt=" Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari |
| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------
没有合适的资源?快使用搜索试试~ 我知道了~
管理系统系列-- 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系.zip
共519个文件
vue:182个
ts:151个
svg:49个
需积分: 5 0 下载量 199 浏览量
2024-02-25
23:10:24
上传
评论
收藏 7.37MB ZIP 举报
温馨提示
管理系统系列-- 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系
资源推荐
资源详情
资源评论
收起资源包目录
管理系统系列-- 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系.zip (519个子文件)
.browserslistrc 39B
vue3.3.code-snippets 429B
vue3.0.code-snippets 413B
vue3.2.code-snippets 328B
commit-msg 144B
iconfont.css 3KB
filpper.css 3KB
index.css 2KB
rebound.css 1KB
login.css 1KB
resizer.css 865B
index.css 752B
index.css 649B
iconfont.css 576B
iconfont.css 522B
index.css 362B
tailwind.css 349B
circled.css 122B
reset.css 120B
.env.development 308B
Dockerfile 425B
.dockerignore 237B
.editorconfig 243B
.env 178B
iconfont.eot 3KB
.eslintignore 237B
.gitattributes 94B
.gitignore 261B
button.html 14KB
index.html 2KB
favicon.ico 1KB
1.jpg 287KB
3.jpg 174KB
2.jpg 45KB
user.jpg 4KB
capture.worker.js 352KB
index.js 181KB
iconfont.js 29KB
iconfont.js 11KB
eslint.config.js 5KB
iconfont.js 3KB
stylelint.config.js 2KB
commitlint.config.js 713B
postcss.config.js 273B
.prettierrc.js 169B
package.json 6KB
dataTurbo.json 5KB
iconfont.json 1KB
settings.json 1KB
tsconfig.json 1KB
platform-config.json 757B
iconfont.json 617B
extensions.json 471B
iconfont.json 454B
.markdownlint.json 183B
LICENSE 1KB
.lintstagedrc 509B
CHANGELOG.md 28KB
CHANGELOG.en_US.md 28KB
CHANGELOG.zh_CN.md 23KB
README.en-US.md 10KB
README.md 10KB
README.md 321B
README.md 70B
海阔天空.mp3 4.95MB
.npmrc 72B
.nvmrc 8B
avatar.png 124KB
bg.png 17KB
error.png 1KB
car.png 1KB
loading.png 1KB
pre-commit 232B
.env.production 778B
sidebar.scss 14KB
index.scss 5KB
dark.scss 4KB
element-plus.scss 4KB
reset.scss 3KB
index.scss 1KB
transition.scss 968B
index.scss 518B
index.scss 133B
common.sh 179B
.env.staging 870B
.stylelintignore 47B
500.svg 13KB
404.svg 11KB
403.svg 10KB
illustration.svg 8KB
iconfont.svg 8KB
change.svg 1KB
empty.svg 1KB
hot.svg 1004B
rewind.svg 951B
forward.svg 942B
reload.svg 863B
settings.svg 840B
globalization.svg 826B
avatar.svg 706B
共 519 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
Kwan的解忧杂货铺
- 粉丝: 2w+
- 资源: 3686
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功