imzbf / vue3-admin

Vue3版本的后台管理模板,支持权限菜单,暗夜模式,国际化等。
https://imzbf.github.io/vue3-admin
75 stars 21 forks source link
jsx mock theme typescript vite vue-router vue3 vuex4

vue3-admin

搭配vue@3.x系列(已使用pinia重构)开发。支持了登录及主结构,暗夜主题,国际化,服务端异步菜单,少数 demo 等。

预览

默认模式 暗夜模式
默认模式 默认模式

在线预览:(传送门

项目结构说明

├── mock                     # 开发模式下的模拟接口,预览模式下使用的fastmock
├── public
│   ├── static               # 静态引用资源
│   └── favicon.ico          # Favicon
├── src
│   ├── apis                 # 接口请求封装方法
│   ├── assets
│   ├── components           # 业务通用组件
│   ├── config               # 项目中的配置
│   ├── layouts              # 通用布局
│   ├── router               # vue路由配置
│   ├── stores               # pinia配置
│   ├── styles               # 全局样式
│   ├── utils                # 工具库
│   └── pages                # 业务页面
├── .drone.yml               # drone任务
├── .env                     # 公共的环境常量
├── .env.development         # 开发环境下的环境常量
├── .env.preview             # 预览模式下的环境常量
├── .env.production          # 生产环境下的环境常量
├── .eslintignore            # eslint忽略项配置
├── .gitignore
├── build.sh                 # 构建dokcer镜像并运行容器
├── Dockerfile               #
├── index.html               # vite规范的入口文件
├── nginx.conf               # docker镜像内运行的nginx的配置项
├── LICENSE
├── package.json
├── tsconfig.json            # ts config
├── README.md
├── vite.config.ts           # vite配置文件
└── yarn.lock                # 当前版本的lock

结尾

!!!tsx版本已不再维护,对使用tsx开发vue3项目感兴趣的可以从tsx分支切出代码学习使用。