文档已过时，最新特性可前往仓库了解
✨ 新版
强烈推荐：基于 vite 的新版本 v3-admin-vite
简介
v3-admin 和 新版 v3-admin-vite 是一个免费开源的中后台管理系统基础解决方案，基于 Vue3、TypeScript、Element-Plus、Pinia 等主流技术
特点
非常低的上手成本！
社区里现在基于 Element Plus 且比较完整的 Admin 模板有 vue-pure-admin；轻量一点但基于 JS 有 fantastic-admin
基于 Naive UI 的有 naive-ui-admin 和 soybean-admin
基于 Ant Design Vue 的有 vue-vben-admin 和 vue3-antd-admin
上面这些更优秀的模板几乎都集成了当下主流的三方依赖以及配置，但不管是初学者还是有经验的人，也都可能感觉到上手成本相比花裤衩大佬的 vue-element-admin 不是一个量级的。
所以，在这里安利一下我们团队开源的 v3-admin 和 新版 v3-admin-vite，如果你用过花裤衩大佬的 vue-element-admin，又正在焦虑众多 vue3 admin 模板上手成本太高，那么可以试试它！
集成
- 采用 Vue3 + script setup：最新的 Vue3 组合式 API
- 采用 TypeScript：迟早都要学的 TS
- 采用 Element Plus：Element UI 的 Vue3 版本
采用 Vuex：后面可能会迁移到 Pinia已经迁移到 Pinia- 采用 Vue-Router：路由路由
采用 Yarn：可以自己 fork 过去换成 pnpm已经切换为 pnpm- 采用 Scss：没有集成原子 CSS 插件，可自行集成（新版 v3-admin-vite 已经集成 UnoCSS）
- 采用 ESlint: 没有集成 Prettier，可自行集成（新版 v3-admin-vite 已经集成 Prettier）
- 采用 Axios：发送网络请求（已封装好）
- 代码提交检测：只有 gitHooks + lint-staged，没有 husky、commitlint、commitizen 等工具的组合使用（新版 v3-admin-vite 是 husky + lint-staged）
- 没有集成国际化
内置功能
- 登录登出演示
- 主题切换（内置黑暗模式）
- 前端权限（动态路由、指令权限、权限函数）
- 路由守卫
- 多种环境配置（开发、预发布、正式）
- SVG
- 动态侧边栏、动态面包屑
- 标签页快捷导航
- 自适应收缩侧边栏（兼容移动端）
清晰的目录
# v3-admin（新版 v3-admin-vite 目录也基本相同）
├─ .env.development # 开发环境
├─ .env.production # 正式环境
├─ .env.test # 测试环境
├─ .eslintrc.js # eslint
├─ deploy # 脚本部署
├─ public
│ ├─ favicon.ico
│ ├─ index.html
├─ src
│ ├─ @types # ts 声明
│ ├─ api # api 接口
│ ├─ assets # 静态资源
│ ├─ components # 全局组件
│ ├─ config # 全局配置
│ ├─ constant # 常量/枚举
│ ├─ directives # 全局指令
│ ├─ icons # svg icon
│ ├─ layout # 布局
│ ├─ model # 全局 model
│ ├─ plugins # 插件
│ ├─ router # 路由
│ ├─ store # pinia store
│ ├─ styles # 全局样式
│ ├─ utils # 全局公共方法
│ └─ views # 所有页面
│ ├─ App.vue # 入口页面
│ ├─ main.ts # 入口文件
│ └─ shims.d.ts # 模块注入
├─ tsconfig.json # ts 编译配置
└─ vue.config.js # vue-cli 配置
部分截图
预览地址
提供文档
甚至还有针对新手的手摸手教程：V3 Admin Vite 手摸手教程
提供源码
- GitHub
- 国内访问 Gitee
- 新版 GitHub
- 新版 国内访问 Gitee
如果对你有帮助
帮忙点一个 star 吧！
