master分支为后台管理模板,tsx分支为使用jsx语法开发vue3项目的demo,vite环境,动态菜单。
项目基于 [email protected] 系列开发(文档:[email protected]、[email protected]),UI 组件库使用 element-plus,开发环境使用 [email protected]。
目前支持了登录及主结构,异步菜单,少数 demo 等。
默认模式 | 暗夜模式 |
---|---|
在线预览:(传送门)
├── mock # 开发模式下的模拟接口,预览模式下使用的fastmock
├── public
│ ├── static # 静态引用资源
│ └── favicon.ico # Favicon
├── src
│ ├── apis # 接口请求封装方法
│ ├── assets
│ ├── components # 业务通用组件
│ ├── config # 项目中的配置
│ ├── layouts # 通用布局
│ ├── router # vue路由配置
│ ├── store # vuex配置
│ ├── styles # 全局样式
typing # ts 类型申明文件
│ ├── utils # 工具库
│ └── views # 业务页面
├── .env # 公共的环境常量
├── .env.development # 开发环境下的环境常量
├── .env.preview # 预览模式下的环境常量
├── .env.production # 生产环境下的环境常量
├── .eslintignore # eslint忽略项配置
├── .gitignore
├── .prettierignore # prettier忽略项配置
├── index.html # vite规范的入口文件
├── LICENSE
├── package.json
├── tsconfig.json # ts config
├── README.md
├── vite.config.ts # vite配置文件
└── yarn.lock # 当前版本的lock
对于作者在项目引用的一些图片等资源,均支持非商用,并注明了资源出处,如需商用请注意该资源作者的使用条件!
!!!
tsx
版本已不再维护,对使用tsx
开发vue3
项目感兴趣的可以从tsx
分支切出代码学习使用。