- uni-app Vue3 Vite pinia2 TypeScript 基础框架
- 框架完全基于 Vue3 SFC
<script setup>写法,不支持 Vue2;
- 最新技术栈：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
- Unocss: 原子化 CSS, iconify图标
- Eslint/Prettier: 规范代码格式,统一编码;
- 路由拦截: 基于 uni.addInterceptor 进行路由拦截;
- 请求拦截: 使用alova 请求,支持请求和响应拦截等;
- Mock 数据: 配合 alova 请求的@alova/mock，模拟 api 请求(App 不支持);
- 缓存加密: 支持 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
.
├── src
│ ├── App.vue
│ ├── androidPrivacy.json
│ ├── assets # 静态资源目录
│ │ └── main.scss
│ ├── components # 组件目录
│ │ ├── AppProvider
│ │ │ └── inedx.vue
│ │ └── ...
│ ├── enums # 枚举/常量
│ │ ├── appEnum.ts
│ │ └── ...
│ ├── env.d.ts
│ ├── hooks # 自定义hook
│ │ ├── ...
│ │ ├── useI18n.ts
│ │ └── ...
│ ├── locale # 国际化
│ │ ├── en.json
│ │ └── ...
│ ├── main.ts
│ ├── manifest.json
│ ├── mock
│ │ ├── index.ts
│ │ ├── utils.ts
│ │ └── v1
│ │ ├── index.ts
│ │ └── modules
│ │ └── auth.ts
│ ├── pages # 页面
│ │ ├── about
│ │ │ └── index.vue
│ │ └── ...
│ ├── services # 接口相关
│ │ ├── api
│ │ │ ├── auth.ts
│ │ │ └── user.ts
│ │ └── ...
│ ├── settings # 设置
│ │ └── encryptionSetting.ts # 加密设置
| |
│ ├── static # 静态公共文件
│ │ ├── images
│ │ │ ├── avatar.png
│ │ │ ├── ...
│ │ └── ...
│ ├── stores # 状态存储
│ │ ├── app.ts
│ │ ├── index.ts
│ │ └── modules
│ │ ├── auth.ts
│ │ ├── router.ts
│ │ └── user.ts
│ ├── types # 类型文件
│ │ ├── env.d.ts
│ │ └── ...
│ |
│ └── utils # 工具类
│ ├── auth.ts
│ └── ...
|
├── README.md
├── commitlint.config.cjs
├── index.html
├── jest.config.js
├── package.json
├── pnpm-lock.yaml
├── tsconfig.json
├── unocss.config.js
├── vite.config.ts
└── vue.config.js
- 安装依赖
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| 提交类型 | 标题 | 描述 |
|---|---|---|
feat |
特征 | 新功能、新特性 |
fix |
Bug 修复 | bug 修复 |
docs |
文档 | 仅文档更改 |
style |
风格 | 不影响代码含义的更改（空格、格式、缺少分号等） |
refactor |
代码重构 | 重构，在不影响代码内部行为，功能下的代码修改 |
perf |
性能改进 | 更改代码，以提高性能 |
test |
测试 | 添加缺失的测试或纠正现有的测试 |
build |
构建 | 影响构建系统或外部依赖项的更改（示例范围：gulp、broccoli、npm） |
ci |
持续集成 | 对我们的 CI 配置文件和脚本的更改（示例范围：Travis、Circle、BrowserStack、SauceLabs） |
chore |
其他文件修改 | 不修改 src 或测试文件的其他更改 |
revert |
还原 | 恢复之前的提交 |
release |
发布新版本 | - |
workflow |
工作流相关文件修改 | - |
- resolve a conflict：解决冲突
- merge branch：合并分支
- feat: [...] : 添加的新功能说明
- fix: [...] : 修复的 bug 说明
- initial project：初始化项目
- style: [...] : 修改的样式范围
- perf：[...] : 优化的范围
- release : 发布新版本
- docs: 文档修改
- refactor： 代码重构
- revert： 还原之前的版本
- dependencies： 依赖项修改
- devDependencies： 开发依赖修改
- review：复习，回顾
- strengthen: 加强，巩固