- 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 数据方案
- 权限 内置完善的动态路由权限生成方案
- 组件 二次封装了多个常用的组件
- node 和 git -项目开发环境
- Vite4 - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript基本语法 - Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Ant-Design-Vue - ui 基本使用
- Mock.js - mockjs 基本语法
- 获取项目代码
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-
feat增加新功能fix修复问题/BUGstyle代码风格相关无影响运行结果的perf优化/性能提升refactor重构revert撤销修改test测试相关docs文档/注释chore依赖更新/脚手架配置修改等workflow工作流改进ci持续集成types类型定义文件更改wip开发中
本地开发推荐使用Chrome 80+ 浏览器
支持现代浏览器, 不支持 IE
 IE |
Edge |
 Firefox |
 Chrome |
 Safari |
|---|---|---|---|---|
| not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |