简介
Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3
,vite5
,TypeScript
等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。
特性
预览
测试账号: vben/123456
![VbenAdmin Logo](https://camo.githubusercontent.com/26d2a70e04b5418ee3d339bb2af8b5b56ebecc9a4f567a05e90a55d55d4e1bce/68747470733a2f2f616e6e6377622e6769746875622e696f2f616e6e6377622f696d616765732f70726576696577332e706e67)
使用 Gitpod
在 Gitpod(适用于 GitHub 的免费在线开发环境)中打开项目,并立即开始编码.
![Open in Gitpod](https://camo.githubusercontent.com/95fbab4ac41e62a9f66e6d1d78f8249c418b33f8c7739c4f9c593f953f5362de/68747470733a2f2f676974706f642e696f2f627574746f6e2f6f70656e2d696e2d676974706f642e737667)
文档
文档地址
准备
安装使用
git clone https://github.com/vbenjs/vue-vben-admin.git
cd vue-vben-admin
pnpm install
pnpm serve
pnpm build
dockerFile 位于项目根目录下 并且支持差异化部署
构建镜像
docker build -t vue-vben-admin .
动态使用环境变量实现容器差异化部署,通过不同的 VG_BASE_URL 环境变量,指向不同的后端服务地址,下面例子使用 http://localhost:3333 作为后端服务地址,并且将容器映射到 6666 端口
docker run --name vue-vben-admin -d -p 6666:80 -e VG_BASE_URL=http://localhost:3333 vue-vben-admin
而后可以打开 http://localhost:6666 访问
更新日志
CHANGELOG
项目地址
如何贡献
非常欢迎你的加入!提一个 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
依赖更新/脚手架配置修改等
workflow
工作流改进
ci
持续集成
types
类型定义文件更改
wip
开发中