✨ 新版
强烈推荐:基于 vite 的新版本 v3-admin-vite
⚡️ 简介
一个中后台管理系统基础解决方案,基于 Vue3、TypeScript、Element-Plus 和 Pinia
- Electron 桌面版: v3-electron
📚 文档
国内仓库
预览
位置 | 账号 | 链接 |
---|---|---|
github-pages | admin或editor | 链接 |
⌛ 功能
- 用户管理
- 登录
- 注销
- 权限验证
- 页面权限
- 指令权限
- 多环境
- development
- test
- production
- 全局功能
- svg
- 多主题切换(内置黑暗主题)
- 动态侧边栏
- 动态面包屑
- 标签页快捷导航
- Screenfull 全屏
- 自适应收缩侧边栏
- 前端监控(基于 mitojs)
- 错误页面
- 401
- 404
- Dashboard
- admin
- editor
- 自动部署
目录结构
# v3-admin
├─ .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 配置
🚀 开发
# 配置
1. 安装 eslint 插件
2. 安装 volar 插件
3. node v16.x
4. pnpm v6.x
# 克隆项目
git clone https://github.com/un-pany/v3-admin.git
# 进入项目目录
cd v3-admin
# 安装依赖
pnpm i
# 启动服务
pnpm dev
📦️ 多环境打包
# 构建测试环境
pnpm build:test
# 构建生产环境
pnpm build:prod
🔧 代码格式检查
pnpm lint
✈️ 自动部署
pnpm deploy
Git 提交规范
feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中mod
不确定分类的修改
站在巨人的肩膀上
- vue-element-admin
- vue3-composition-admin
- vue-vben-admin
- d2-admin
- vue-typescript-admin-template
- vue3-antd-admin
交流(吹水)群
QQ群:1014374415
📄 License
Copyright (c) 2021 UNPany