ARTICLE · 1160567
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