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

Created at: 2020-07-11 10:29:21
Language: Vue
License: MIT

中文 |中文

介绍

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

vue3
vite4
TypeScript

特征

  • 最先进的开发:使用前端前端技术开发,如 Vue3/vite2
  • TypeScript:应用程序级 JavaScript 语言
  • 主题:可配置主题
  • 国际化:内置完整的国际化程序
  • 模拟服务器内置模拟数据方案
  • 内置完整的动态路由权限生成方案。
  • 元件多个常用组件封装两次

预览

测试帐户:vben/123456

VbenAdmin 徽标 VbenAdmin 徽标 VbenAdmin 徽标

使用 Gitpod

在 Gitpod(GitHub 的免费在线开发环境)中打开项目并立即开始编码。

在 Gitpod 中打开

文档

公文

制备

安装和使用

  • 获取项目代码
git clone https://github.com/anncwb/vue-vben-admin.git
  • 安装依赖关系
cd vue-vben-admin

pnpm install
pnpm serve
pnpm build
  • docker

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

更新日志

更新日志

项目

如何贡献

非常欢迎你加入!提出问题或提交拉取请求。

拉取请求:

  1. 分叉代码!
  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 规范( Angular )

    • feat
      添加新功能
    • fix
      修复问题/错误
    • style
      代码样式相关,不影响运行结果
    • perf
      优化/性能改进
    • refactor
      重构
    • revert
      撤消编辑
    • test
      测试相关
    • docs
      文档/注释
    • chore
      依赖更新/脚手架配置修改等
    • workflow
      工作流程改进
    • ci
      持续集成
    • types
      类型定义文件更改
    • wip
      开发中

如果这些插件对你有帮助,你可以给予星级支持

浏览器支持

建议使用浏览器进行本地开发

Chrome 80+

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

边缘IE 边缘边缘 火狐火狐 铬 野生动物园野生动物园
不支持 最近 2 个版本 最近 2 个版本 最近 2 个版本 最近 2 个版本

保持

@Vben

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

捐

PayPal我

不和

许可证

© MIT Vben-2020