更新记录
1.0.1(2024-03-13) 下载此版本
更新安装包
1(2024-03-13) 下载此版本
-
配置好vue3 + ts + pinia框架,下载安装依赖项目就可以直接使用
-
本模板只是简单模板,里面包含 hooks|pages|components|pinia|工具类等示例代码,以及各种声明文件和ts类型配置
-
封装request,可以直接进行接口调用
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.7 app-vue app-nvue | × | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | × | × | × | × | × |
🌈 uni-app Vue3 Vite4 pinia2 TypeScript 基础框架
简介
- uni-app Vue3 Vite4 pinia2 TypeScript 基础框架
- cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,请直接访问 开源地址
- 访问uniapp 插件
说明
- 框架完全基于 Vue3 SFC
<script setup>
写法,不支持 Vue2; - 可用于学习与交流;
- 目前测试 H5、微信小程序,APP(Android),支付宝小程序通过;
- 其他平台暂未测试,后续会增加;
- 如发现问题或建议可在评论区留言, 或提Issues及PR,会及时处理;
- 如有需求亦可在评论区留言,或在此项目基础上增加;
- 代码规范 & 详细解释 husky、prettier、eslint、lint-staged 的作用和使用
特性
- 最新技术栈:使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
- Unocss: 原子化 CSS, iconify图标
- Eslint/Prettier: 规范代码格式,统一编码;
- 路由拦截: uni-mini-router,类似Vue Router的API和功能,在uni-app中进行路由跳转、传参、拦截等常用操作;
- 请求拦截: 使用alova 请求,支持请求和响应拦截等;
- Mock 数据: 配合 alova 请求的@alova/mock,模拟 api 请求(App 不支持);
- 缓存加密: 支持 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
安装使用
- 安装依赖
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