夜雨聆风学习资料网

ARTICLE · 1160567

2026 uni-app 最火的10个插件!覆盖所有场景!

2026 uni-app 最火的10个插件!覆盖所有场景!

1. 🚀 vitesse-uni-app

跨端快速启动模板脚手架

由 Vite & uni-app 驱动。有了它,你可以完全脱离 HBuilderX,直接在 VSCode 或其他编辑器中开发 uni-app 项目。上手体验和平时写 Vite + Vue3 项目几乎一致,没有额外学习负担。

🔗 文档地址:https://vitesse-docs.netlify.app/getting-started/installation

2. 📡 uni-network

为 uni-app 量身打造的 Promise 请求库

基于 Promise,使用非常顺手。默认使用 uni.request,上传走 uni.uploadFile,下载走 uni.downloadFile,同时支持拦截器、请求取消、TypeScript 类型提示等能力。

🔗 文档地址:https://uni-network.netlify.app/guide/installation.html

3. 🧰 uni-use

uni-app 版本的 vueuse

可以把它理解为 uni-app 版的 vueuse,底层依赖 vueuse,提供了一系列实用工具函数与 Hooks。比如 tryOnShow、tryOnLoad、useActionSheet、useClipboardData、useDownloadFile 等,帮你在组合式 API 中高效处理各类场景。

🔗 文档地址:https://uni-helper.js.org/uni-use

4. 🛣️ vite-plugin-uni-pages

在 uni-app 中使用路由系统

支持基于文件系统的路由方案,页面级配置可通过 definePage 宏直接写在 .vue 文件里,也支持用 TypeScript 书写全局 pages.json 配置,自动扫描页面文件并生成路由信息。

🔗 文档地址:https://uni-helper.js.org/vite-plugin-uni-pages

5. 🏗️ create-uni

快速创建 uni-app 项目的轻量脚手架

用于一键生成基于 Vite 和 Vue3 的 uni-app 项目,内置多种模板供你选择,包括 vitesse-uni-app、wot-starter 等,还支持通过 --ts、--pinia、--unocss 等参数灵活定制项目配置。

🔗 文档地址:https://uni-helper.js.org/create-uni

6. 🤝 uni-promises

让 uni-app 放心使用 Promise

把 uni-app 中大量基于回调的 API 转换为 Promise 风格,让你可以放心使用 async/await 和 .then 链式调用。它基于回调方法封装 Promise,同时兼容 Vue 2 和 Vue 3 项目。

🔗 文档地址:https://uni-helper.js.org/uni-promises

7. 🧩 uni-app-types

为 uni-app 内置组件提供 TypeScript 类型

作用是为 uni-app 内置组件提供完整的 TypeScript 类型定义,覆盖组件属性、事件和实例类型等,让你在 Volar + TypeScript 环境下获得精准的类型提示与校验。

🔗 文档地址:https://uni-helper.js.org/uni-app-types

8. 🎨 unocss-preset-uni

专为 uni-app 打造的 UnoCSS 预设

有了它,你可以更加原子化地使用预设样式,体验和 UnoCSS 非常类似。它适配 uni-app 全平台,几乎零配置即可启动,内置 presetUno 与 presetAttributify 支持,还提供 rpx 转 rem、按平台编写样式等实用能力。

🔗 文档地址:https://uni-helper.js.org/unocss-preset-uni

9. 🌬️ vite-plugin-uni-tailwind

在 uni-app 中使用 TailwindCSS v3 原有语法

支持在 uni-app 中使用 TailwindCSS v3 原有语法开发小程序。你无需禁用 preflight,也不必调整 .w-[200.5rpx] 这类写法,按正常习惯书写类名,插件会自动处理剩余工作。

🔗 文档地址:https://uni-helper.js.org/vite-plugin-uni-tailwind

10. ⭐ Awesome uni-app

优质 uni-app 资源汇总

这里汇集了大量优秀的 uni-app 学习资源与开发工具,是 uni-helper 社区维护的多端统一开发框架资源汇总,值得每位 uni-app 开发者收藏备查。

🔗 文档地址:https://uni-helper.js.org/awesome-uni-app

相关学习资料