Vue Antd Admin Pro

前端使用Vue3 + Vite5 + VueRouter + Pinia + TypeScript等主流技术搭建

后端使用SpringBoot3 + Jwt搭建

主要特性

• 使用Vue3
• 使用Vite5进行构建
• 使用Pinia进行状态管理
• 使用TypeScript语言开发
• 集成UnoCSS原子CSS引擎
• 集成Axios请求配置拦截
• 集成Mock业务接口模拟
• 支持icones图标库选择
• 支持iconfont图标库
• 支持动态路由注入
• 支持全屏模式切换
• 支持白昼模式切换
• 支持标签页持久化
• 支持路由按需缓存
• 支持全局主题配置
• 支持全局布局配置
• 支持色弱模式配置
• 支持灰色模式配置
• 封装Table组件
• 封装ChatAi组件
• 封装Markdown组件
• 封装Tinymce富文本组件
• ......

项目结构

├─ .husky githooks工具
│  ├─ commit-msg 提交时commit规范校验
├─ public   
│  ├─ files 文件
│  ├─ style 样式
│  ├─ tinymce 插件扩展
│  ├─ favicon.ico Ico图标
├─ src      
│  ├─ api    请求api
│  ├─ aseets 资源文件
│  ├─ components 全局组件
│  ├─ config 基础配置
│  ├─ directives 指令
│  ├─ hooks  Hook
│  ├─ layouts  布局文件
│  ├─ router 路由管理
│  ├─ store  状态管理
│  ├─ utils  工具库
│  ├─ views  路由页面
│  ├─ App.vue 根组件
│  ├─ icons.ts 图标配置
│  ├─ main.ts 入口文件
│  ├─ permission.ts 权限配置
│  ├─ vite-dev.d.ts vite声明文件
├─ types
│  ├─ auto-imports.d.ts 自动导入声明
├─ .env.devolopment 开发环境配置
├─ .env.production 正式环境配置
├─ .eslintrc-auto-import.json 插件生成的json
├─ .gitignore   git忽略配置
├─ .prettierignore prettier忽略配置
├─ .prettierrc.json prettier格式配置
├─ commitlint.config.cjs commitlint配置
├─ components.d.ts 按需引入组件声明
├─ index.html 页面
├─ .package.json    依赖
├─ tsconfig.json    ts配置
├─ tsconfig.node.json 专用于vite的ts配置
├─ vite.config.ts   vite配置
├─ README.md