| 提交 | 用户 | age | ||
| ee5fb2 | 1 | <div align="center"> <a href="https://github.com/anncwb/vue-vben-admin"> <img alt="VbenAdmin Logo" width="200" height="200" src="https://anncwb.github.io/anncwb/images/logo.png"> </a> <br> <br> |
| V | 2 | |
| 3 | [](LICENSE) | |
| 4 | ||
| 5 | <h1>Vue vben admin</h1> | |
| 6 | </div> | |
| 025ee9 | 7 | |
| V | 8 | **中文** | [English](./README.md) |
| 9 | ||
| ee5fb2 | 10 | ## 简介 |
| 025ee9 | 11 | |
| ee5fb2 | 12 | Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的`vue3`,`vite2`,`TypeScript`等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。 |
| 025ee9 | 13 | |
| ee5fb2 | 14 | ## 特性 |
| 025ee9 | 15 | |
| ee5fb2 | 16 | - **最新技术栈**：使用 Vue3/vite2 等前端前沿技术开发 |
| V | 17 | - **TypeScript**: 应用程序级 JavaScript 的语言 |
| 18 | - **主题**：可配置的主题 | |
| 19 | - **国际化**：内置完善的国际化方案 | |
| 20 | - **Mock 数据** 内置 Mock 数据方案 | |
| 21 | - **权限** 内置完善的动态路由权限生成方案 | |
| 22 | - **组件** 二次封装了多个常用的组件 | |
| 025ee9 | 23 | |
| ee5fb2 | 24 | ## 预览 |
| 025ee9 | 25 | |
| 2387dc | 26 | - [vue-vben-admin](https://vben.vvbin.cn/) - 完整版中文站点 |
| ee5fb2 | 27 | - [vue-vben-admin-gh-pages](https://anncwb.github.io/vue-vben-admin/) - 完整版 github 站点 |
| 2387dc | 28 | - [vben-admin-thin-next](https://vben.vvbin.cn/thin/next/) - 简化版中文站点 |
| ee5fb2 | 29 | - [vben-admin-thin-gh-pages](https://anncwb.github.io/vben-admin-thin-next/) - 简化版 github 站点 |
| 025ee9 | 30 | |
| V | 31 | 测试账号: vben/123456 |
| 32 | ||
| 33 | <p align="center"> | |
| ee5fb2 | 34 | <img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview1.png"> |
| V | 35 | <img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview2.png"> |
| 36 | <img alt="VbenAdmin Logo" width="100%" src="https://anncwb.github.io/anncwb/images/preview3.png"> | |
| 025ee9 | 37 | </p> |
| ee5fb2 | 38 | |
| V | 39 | ### 使用 Gitpod |
| 40 | ||
| 41 | 在 Gitpod（适用于 GitHub 的免费在线开发环境）中打开项目，并立即开始编码. | |
| 42 | ||
| 43 | [](https://gitpod.io/#https://github.com/anncwb/vue-vben-admin) | |
| 025ee9 | 44 | |
| V | 45 | ## 文档 |
| 46 | ||
| 7fad00 | 47 | [文档地址](https://doc.vvbin.cn/) |
| 025ee9 | 48 | |
| ee5fb2 | 49 | ## 准备 |
| 025ee9 | 50 | |
| ee5fb2 | 51 | - [node](http://nodejs.org/) 和 [git](https://git-scm.com/) -项目开发环境 |
| V | 52 | - [Vite](https://vitejs.dev/) - 熟悉 vite 特性 |
| 53 | - [Vue3](https://v3.vuejs.org/) - 熟悉 Vue 基础语法 | |
| 54 | - [TypeScript](https://www.typescriptlang.org/) - 熟悉`TypeScript`基本语法 | |
| 55 | - [Es6+](http://es6.ruanyifeng.com/) - 熟悉 es6 基本语法 | |
| 56 | - [Vue-Router-Next](https://next.router.vuejs.org/) - 熟悉 vue-router 基本使用 | |
| 57 | - [Ant-Design-Vue](https://2x.antdv.com/docs/vue/introduce-cn/) - ui 基本使用 | |
| 58 | - [Mock.js](https://github.com/nuysoft/Mock) - mockjs 基本语法 | |
| 025ee9 | 59 | |
| ee5fb2 | 60 | ## 安装使用 |
| 025ee9 | 61 | |
| ee5fb2 | 62 | - 获取项目代码 |
| 025ee9 | 63 | |
| ee5fb2 | 64 | ```bash |
| V | 65 | git clone https://github.com/anncwb/vue-vben-admin.git |
| 66 | ``` | |
| 025ee9 | 67 | |
| ee5fb2 | 68 | - 安装依赖 |
| 025ee9 | 69 | |
| ee5fb2 | 70 | ```bash |
| V | 71 | cd vue-vben-admin |
| 025ee9 | 72 | |
| 999965 | 73 | pnpm install |
| 025ee9 | 74 | |
| V | 75 | ``` |
| 76 | ||
| ee5fb2 | 77 | - 运行 |
| 025ee9 | 78 | |
| V | 79 | ```bash |
| 999965 | 80 | pnpm serve |
| 025ee9 | 81 | ``` |
| V | 82 | |
| ee5fb2 | 83 | - 打包 |
| 025ee9 | 84 | |
| V | 85 | ```bash |
| 999965 | 86 | pnpm build |
| 025ee9 | 87 | ``` |
| V | 88 | |
| ee5fb2 | 89 | ## 更新日志 |
| 025ee9 | 90 | |
| ee5fb2 | 91 | [CHANGELOG](./CHANGELOG.zh_CN.md) |
| 025ee9 | 92 | |
| ee5fb2 | 93 | ## 项目地址 |
| 025ee9 | 94 | |
| ee5fb2 | 95 | - [vue-vben-admin](https://github.com/anncwb/vue-vben-admin) - 完整版 |
| V | 96 | - [vue-vben-admin-thin-next](https://github.com/anncwb/vben-admin-thin-next) - 简化版 |
| 025ee9 | 97 | |
| ee5fb2 | 98 | ## 如何贡献 |
| 025ee9 | 99 | |
| ee5fb2 | 100 | 非常欢迎你的加入！[提一个 Issue](https://github.com/anncwb/vue-vben-admin/issues/new/choose) 或者提交一个 Pull Request。 |
| 025ee9 | 101 | |
| ee5fb2 | 102 | **Pull Request:** |
| 025ee9 | 103 | |
| ee5fb2 | 104 | 1. Fork 代码! |
| V | 105 | 2. 创建自己的分支: `git checkout -b feat/xxxx` |
| 106 | 3. 提交你的修改: `git commit -am 'feat(function): add xxxxx'` | |
| 107 | 4. 推送您的分支: `git push origin feat/xxxx` | |
| 108 | 5. 提交`pull request` | |
| 025ee9 | 109 | |
| ee5fb2 | 110 | ## Git 贡献提交规范 |
| 025ee9 | 111 | |
| V | 112 | - 参考 [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)) |
| 113 | ||
| 114 | - `feat` 增加新功能 | |
| 115 | - `fix` 修复问题/BUG | |
| 116 | - `style` 代码风格相关无影响运行结果的 | |
| 117 | - `perf` 优化/性能提升 | |
| 118 | - `refactor` 重构 | |
| 119 | - `revert` 撤销修改 | |
| 120 | - `test` 测试相关 | |
| 121 | - `docs` 文档/注释 | |
| 122 | - `chore` 依赖更新/脚手架配置修改等 | |
| 123 | - `workflow` 工作流改进 | |
| 124 | - `ci` 持续集成 | |
| 125 | - `types` 类型定义文件更改 | |
| 126 | - `wip` 开发中 | |
| 127 | ||
| 128 | ## 浏览器支持 | |
| 129 | ||
| ee5fb2 | 130 | 本地开发推荐使用`Chrome 80+` 浏览器 |
| 025ee9 | 131 | |
| ee5fb2 | 132 | 支持现代浏览器, 不支持 IE |
| 025ee9 | 133 | |
| V | 134 | | [<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 | |
| 135 | | :-: | :-: | :-: | :-: | :-: | | |
| 136 | | not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions | | |
| 137 | ||
| c2635f | 138 | ## 相关仓库 |
| V | 139 | |
| 140 | 如果这些插件对你有帮助，可以给一个 star 支持下 | |
| 141 | ||
| 142 | - [vite-plugin-mock](https://github.com/anncwb/vite-plugin-mock) - 用于本地及开发环境数据 mock | |
| 143 | - [vite-plugin-html](https://github.com/anncwb/vite-plugin-html) - 用于 html 模版转换及压缩 | |
| 144 | - [vite-plugin-compression](https://github.com/anncwb/vite-plugin-compression) - 用于打包输出.gz|.brotil 文件 | |
| 145 | - [vite-plugin-svg-icons](https://github.com/anncwb/vite-plugin-svg-icons) - 用于快速生成 svg 雪碧图 | |
| 146 | ||
| 147 | ## 后台整合示例 | |
| 148 | ||
| 149 | - [lamp-cloud](https://github.com/zuihou/lamp-cloud) - 基于 SpringCloud Alibaba 的微服务中后台快速开发平台 | |
| 56a966 | 150 | - [matecloud](https://github.com/matevip/matecloud) - MateCloud 微服务脚手架，基于 Spring Cloud 2020.0.3、SpringBoot 2.5.3 的全开源平台 |
| c2635f | 151 | |
| ee5fb2 | 152 | ## 维护者 |
| 025ee9 | 153 | |
| ee5fb2 | 154 | [@Vben](https://github.com/anncwb) |
| 025ee9 | 155 | |
| ee5fb2 | 156 | ## 捐赠 |
| 025ee9 | 157 | |
| ee5fb2 | 158 | 如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持! |
| 025ee9 | 159 | |
| ee5fb2 | 160 |  |
| 025ee9 | 161 | |
| ce93e4 | 162 | <a style="display: block;width: 100px;height: 50px;line-height: 50px; color: #fff;text-align: center; background: #408aed;border-radius: 4px;" href="https://www.paypal.com/paypalme/cvvben">Paypal Me</a> |
| ee5fb2 | 163 | |
| V | 164 | ## 交流 |
| 165 | ||
| 166 | `Vue-vben-Admin` 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供 QQ 交流群使用问题欢迎在群内提问。 | |
| 025ee9 | 167 | |
| V | 168 | - QQ 群 `569291866` |
| 169 | ||
| ee5fb2 | 170 | ## License |
| V | 171 | |
| 172 | [MIT © Vben-2020](./LICENSE) | |
