vue-vben-admin

<h1>Vue Vben Admin</h1> </div>

英文 | 中文 | 日语

简介

Vue Vben Admin 是一个免费开源的中后台模板。使用了最新的vue3、vite、TypeScript等主流技术开发，开箱即用的中后台前端解决方案，也可用于学习参考。

升级通知

这是最新的5.0版本，与之前的版本不兼容。如果您正在开始一个新项目，建议使用最新版本。如果您想查看旧版本，请使用v2分支。

特性

最新技术栈：使用 Vue3、Vite 等前沿技术开发
TypeScript：应用程序级 JavaScript 的语言
主题：可配置的主题
国际化：内置完善的国际化方案
权限：内置完善的动态路由权限生成方案

预览

Vben Admin - 完整版中文站点

测试账号：vben/123456

使用 Gitpod

在 Gitpod（GitHub 的免费在线开发环境）中打开项目，立即开始编码。

文档

安装使用

获取项目代码

git clone https://github.com/vbenjs/vue-vben-admin.git

安装依赖

cd vue-vben-admin

corepack enable

pnpm install

运行

pnpm dev

构建

pnpm build

更新日志

如何贡献

非常欢迎你的加入！提一个 Issue 或者提交一个 Pull Request。

Pull Request:

Fork 代码!
创建自己的分支: git checkout -b feat/xxxx
提交你的修改: git commit -am 'feat(function): add xxxxx'
推送您的分支: git push origin feat/xxxx
提交pull request

Git 贡献提交规范

参考 vue 规范 (Angular)
- feat 增加新功能
- fix 修复问题/BUG
- style 代码风格相关无影响运行结果的
- perf 优化/性能提升
- refactor 重构
- revert 撤销修改
- test 测试相关
- docs 文档/注释
- chore 依赖更新/脚手架配置修改等
- ci 持续集成
- types 类型定义文件更改
- wip 开发中

浏览器支持

本地开发推荐使用Chrome 80+ 浏览器

支持现代浏览器, 不支持 IE

<img src="https://yellow-cdn.veclightyear.com/835a84d5/b4cdb312-8133-415e-a715-e6f1a61cae7e.png" alt=" Edge" width="24px" height="24px" /></br>IE	<img src="https://yellow-cdn.veclightyear.com/835a84d5/b4cdb312-8133-415e-a715-e6f1a61cae7e.png" alt=" Edge" width="24px" height="24px" /></br>Edge	<img src="https://yellow-cdn.veclightyear.com/835a84d5/7a695ba6-c6ae-47a9-a8cd-a3a30c978b48.png" alt="Firefox" width="24px" height="24px" /></br>Firefox	<img src="https://yellow-cdn.veclightyear.com/835a84d5/414afb9b-2375-485b-b712-355d537d98a5.png" alt="Chrome" width="24px" height="24px" /></br>Chrome	<img src="https://yellow-cdn.veclightyear.com/835a84d5/2eb6429e-af24-4090-8bf4-9ba75f813793.png" alt="Safari" width="24px" height="24px" /></br>Safari
不支持	最近 2 个版本	最近 2 个版本	最近 2 个版本	最近 2 个版本

维护者

@Vben

捐赠

如果你觉得这个项目对你有帮助，你可以帮作者买一杯咖啡表示支持!

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