/vue3-admin

Primary LanguageTypeScriptMIT LicenseMIT

VbenAdmin Logo

license

v1.0.3

精简版地址

gitee github

简介

  • Vue Vben Admin 是一个免费开源的中后台模版。
  • 本项目基于 vben2.9 版本,升级依赖,重构部分组件,重构代码样式,重构 setup 语法糖。
  • 使用了最新的Vue3,Vite4,Antdv3,TypeScript5,Pinia等主流技术开发,开箱即用的中后台前端解决方案。

框架

框架 说明 版本
Vue Vue 框架 3.2.47
Vite 开发与构建工具 4.2.1
ant-design-vue ant-design-vue 3.2.16
TypeScript JavaScript 的超集 5.0.2
pinia Vue 存储库 替代 vuex5 2.0.33
vueuse 常用工具集 9.13.0
vue-i18n 国际化 9.2.2
vue-router Vue 路由 4.1.6
unocss 原子 CSS 0.50.6
iconify 在线图标库 3.1.0

特性

  • 最新技术栈:使用 Vue3/vite4/antdv3 等前端前沿技术开发
  • TypeScript: 应用程序级 JavaScript 的语言
  • 主题:可配置的主题
  • 国际化:内置完善的国际化方案
  • Mock 数据 内置 Mock 数据方案
  • 权限 内置完善的动态路由权限生成方案
  • 组件 二次封装了多个常用的组件

VbenAdmin Logo VbenAdmin Logo VbenAdmin Logo

预览地址

预览地址

准备

安装使用

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

pnpm install
  • 运行
pnpm serve
  • 打包
pnpm build

Git 贡献提交规范

  • 参考 vue 规范 (Angular)

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

浏览器支持

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

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

 Edge
IE
 Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions