更新记录

1.0.1（2023-07-26）

修复监听，更新全局变量控制

1.0.0（2023-07-21）

提供了自定义头部导航，自定义底部tabbar，全局登录拦截，自定义登录提示，全局事件管理，父子组件成员共享，request请求封装，文件上传（服务端、七牛云），主题切换支持，方便使用的css样式，iconfont图标支持按需加载按需打包、图标支持单色和多色控制、图标体积压缩

平台兼容性

🌈 uni-app Vue3 Vite4 TypeScript 小程序脚手架

预览

• 动图演示

  

• 小程序码

  

简介

• uni-app Vue3 Vite4 pinia2 TypeScript 基础框架
• 自定义头部导航，自定义底部tabbar
• 全局登录拦截，自定义登录提示
• 全局事件管理，父子组件成员共享，request请求封装，文件上传（服务端、七牛云）
• 支持主题切换，方便使用的css样式
• iconfont图标支持按需加载按需打包、图标支持单色和多色控制、图标体积压缩
• 如有问题请加群【553655769】交流

说明

• 框架完全基于 Vue3 SFC <script setup> 写法,不支持 Vue2;
• 可用于学习与交流;
• 目前测试 H5、微信小程序通过;
• 其他平台暂未测试,后续会增加;
• 如发现问题或建议可在评论区留言, 或提Issues及PR,会及时处理;
• 如有需求亦可在评论区留言,或在此项目基础上增加;

特性

• 最新技术栈：使用 Vue3/Vite4 ,TypeScript 等前端前沿技术开发;
• Prettier: 规范代码格式,统一编码;
• iconfont: iconfont,支持按需使用按需打包、单色和多色配置显示、开源库和私有库配置使用;

目录结构

.
├─ src
│   ├─static # 静态公共文件
│   │
│   ├─components # 组件目录
│   │   ├─ sicon
│   │   │    ├─index.vue
│   │   └─...
│   │
│   ├─pages # 页面
│   │   ├─ index
│   │   │    └─index.vue
│   │   └─...
│   │
│   ├─api # 接口相关
│   │   ├─ ApiUser
│   │   └─...
│   │
│   ├─store # 状态管理模式(reactive式管理)
│   │   ├─ CSystem
│   │   └─...
│   │
│   └─utils # 工具类
│       ├─ HttpUtil # request请求
│       ├─ CEvent # 全局事件管理
│       ├─ OssUtil  # 文件上传
│       ├─ Scope  # 父子组件成员共享
│       └─ ...
│
├─ .gitignore
├─ .prettierignore
├─ .prettierrc
├─ index.html
├─ package.json
├─ README.md
├─ tsconfig.json
└─ vite.config.ts

安装使用

• 安装依赖

pnpm install

• 运行

# 其他端请查看 package.json script
pnpm dev:h5

• 打包

# 其他端请查看 package.json script
pnpm build:h5

• 更新依赖到最新（新手请忽略）

pnpm up
# 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha）
npx @dcloudio/uvm 3.7.2.20230217-alpha

Gitee 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request

Gitee 贡献提交规范

提交类型

提交别名

快捷别名提示

1. resolve a conflict：解决冲突
2. merge branch：合并分支
3. feat: [...] : 添加的新功能说明
4. fix: [...] : 修复的 bug 说明
5. initial project：初始化项目
6. style: [...] : 修改的样式范围
7. perf：[...] : 优化的范围
8. release : 发布新版本
9. docs: 文档修改
10. refactor： 代码重构
11. revert： 还原之前的版本
12. dependencies： 依赖项修改
13. devDependencies： 开发依赖修改
14. review：复习，回顾
15. strengthen: 加强，巩固