Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imzbf/vue3-admin
Vue3版本的后台管理模板,支持权限菜单,暗夜模式,国际化等。
https://github.com/imzbf/vue3-admin
jsx mock theme typescript vite vue-router vue3 vuex4
Last synced: 8 days ago
JSON representation
Vue3版本的后台管理模板,支持权限菜单,暗夜模式,国际化等。
- Host: GitHub
- URL: https://github.com/imzbf/vue3-admin
- Owner: imzbf
- Created: 2020-12-17T01:55:41.000Z (almost 4 years ago)
- Default Branch: develop
- Last Pushed: 2023-11-04T14:34:33.000Z (about 1 year ago)
- Last Synced: 2024-10-12T23:45:20.166Z (24 days ago)
- Topics: jsx, mock, theme, typescript, vite, vue-router, vue3, vuex4
- Language: Vue
- Homepage: https://imzbf.github.io/vue3-admin
- Size: 11.9 MB
- Stars: 74
- Watchers: 4
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue3-admin
搭配`[email protected]`系列(已使用`pinia`重构)开发。支持了登录及主结构,暗夜主题,国际化,服务端异步菜单,少数 demo 等。
## 预览
| 默认模式 | 暗夜模式 |
| --- | --- |
| ![默认模式](https://imzbf.github.io/vue3-admin/static/img/preview/login-default.png) | ![默认模式](https://imzbf.github.io/vue3-admin/static/img/preview/login-dark.png) |在线预览:(传送门)
## 项目结构说明
```
├── 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`分支切出代码学习使用。