https://github.com/uni-helper/awesome-uni-app
多端统一开发框架 uni-app 优秀学习资源汇总
https://github.com/uni-helper/awesome-uni-app
List: awesome-uni-app
awesome awesome-list
Last synced: 3 months ago
JSON representation
多端统一开发框架 uni-app 优秀学习资源汇总
- Host: GitHub
- URL: https://github.com/uni-helper/awesome-uni-app
- Owner: uni-helper
- Created: 2022-12-12T09:55:31.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-29T01:43:22.000Z (10 months ago)
- Last Synced: 2024-05-22T23:02:46.835Z (9 months ago)
- Topics: awesome, awesome-list
- Homepage: https://uni-helper.js.org/awesome-uni-app
- Size: 62.5 KB
- Stars: 75
- Watchers: 5
- Forks: 8
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- ultimate-awesome - awesome-uni-app - 多端统一开发框架 uni-app 优秀学习资源汇总. (Other Lists / Julia Lists)
README
Awesome uni-app
多端统一开发框架 uni-app 优秀开发资源汇总
## 目录
使用右上角的“目录”菜单来浏览列表。
## 官方资源
- [官方文档](https://uniapp.dcloud.io/)
- [GitHub 仓库](https://github.com/dcloudio/uni-app)
- [更新日志](https://uniapp.dcloud.net.cn/release-note-alpha.html)
- [迁移指南](https://uniapp.dcloud.net.cn/translate.html)
- [插件市场](https://ext.dcloud.net.cn/)
## 社区
- [官方论坛](https://ask.dcloud.net.cn/explore/category-12)
- [官方 Issues](https://github.com/dcloudio/uni-app/issues)
---
[vue3]: https://img.shields.io/badge/-3-35495e?logo=vue.js
[vue2]: https://img.shields.io/badge/-2-35495e?logo=vue.js
[vite]: https://img.shields.io/badge/-Vite-646CFF
[vue-cli]: https://img.shields.io/badge/-Vue%20Cli-3eb782
[nvue]: https://img.shields.io/badge/-!NVue-ff0000
[vscode]: https://img.shields.io/badge/-VSCode-3c7fba?logo=visual-studio-code
[webstorm]: https://img.shields.io/badge/-WebStorm-000000?logo=WebStorm
[typescript]: https://img.shields.io/npm/types/typescript
在下面的内容中，我们使用徽章来指示部分组件、库、插件的版本、平台、语言兼容性，其中徽章的颜色和开头用来表示支持程度。
- Vue 版本兼容性，没有则都兼容
- ![vue3] 仅支持 Vue 3
- ![vue2] 仅支持 Vue 2
- 打包器兼容性，没有则都兼容
- ![vue-cli] 仅支持 Vue CLI
- ![vite] 仅支持 Vite
- 平台兼容性，由于平台涉及比较多，具体兼容性在仓库的 Readme 中声明
- 写法兼容性，没有则都兼容
- ![nvue] 不支持 nvue 渲染
## Cli
- ![vite] ![vue3] [create-uni](https://github.com/uni-helper/create-uni)  🛠️ 快速创建 uni-app 项目
## 模板
- [uni-preset-vue](https://github.com/dcloudio/uni-preset-vue)  - uni-app 官方模板。
- ![vue3] [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app)  - 由 uni-helper 支持的开始模板。
- ![vue3] [unisave](https://github.com/sunpm/unisave)  - 拥抱 web 开发，拯救 uniapp。适配所有(app、mp、web)平台！！！
- ![vue3] [uniapp-template](https://github.com/yang1206/uniapp-template)  - 基于 Vite、UnoCSS 和 TypeScript 的 uni-app 起始模版。
- ![vue3] [wot-starter](https://github.com/Moonofweisheng/wot-starter)  - 基于 wot-design-uni 的 uni-app 快速启动模板。
- ![vue3] [unibest](https://github.com/codercup/unibest)  - uni-app 开发框架，内置大量基础功能，提供大量辅助功能。
- ![vue3] [uni-vitesse](https://github.com/Ares-Chang/uni-vitesse)  - uni-app 版的 vitesse-lite
- ![vue3] [uni-preset-vue3-vite](https://github.com/gitboyzcf/uni-preset-vue3-vite)  - 基于 Vue3、Pinia、Vite、UnoCSS、nutui-uniapp，简单快速使用 uni-app 开发小程序和 H5
## 演示
- [hello-uniapp](https://github.com/dcloudio/hello-uniapp)  - uni-app 框架演示示例
## Lib 工具库
- [axios-adapter](https://github.com/uni-helper/axios-adapter)  - 一个用于 uni-app 的 Axios 适配器。
- [uni-network](https://github.com/uni-helper/uni-network)  - 为 uni-app 打造的基于 Promise 的 HTTP 客户端。
- [uni-promises](https://github.com/uni-helper/uni-promises)  - uni-app Promise 化 API。
- ![vue3] [uni-use](https://github.com/uni-helper/uni-use)  - uni-app 组合式工具集。
- [unocss-applet](https://github.com/unocss-applet/unocss-applet)  - 在小程序中使用 UnoCSS，兼容不支持的语法。
- [unocss-preset-uni](https://github.com/uni-helper/unocss-preset-uni)  - 专为 uni-app 打造的 UnoCSS 预设。
- [uni-use-router](https://github.com/Ares-Chang/uni-use-router)  - uni-app 路由补充，与 vue-router 语法靠近。
## UI 组件库
- [uni-ui](https://github.com/dcloudio/uni-ui)  - 基于 uni-app 的、全端兼容的、高性能 UI 框架。
- ![vue2] [uview 2.0](https://github.com/umicro/uView2.0)  - 全面兼容 nvue 的 uni-app 生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。
- ![vue3] [uview-plus](https://github.com/ijry/uview-plus)  - fork 自 uview 2.0，全面兼容 nvue 的 uni-app 生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。
- [thorui-uni](https://github.com/dingyong0214/ThorUI-uniapp)  - 轻量、简洁的移动端组件库。
- ![vue3] [ano-ui](https://github.com/ano-ui/ano-ui)  - 轻量级、漂亮、快速的 UnoCSS 组件库。
- [firstui-uni](https://github.com/FirstUI/FirstUI)  - 基于 uni-app 开发的组件化、可复用、易扩展、低耦合的跨平台移动端 UI 组件库。
- ![vue3] [nutui-uniapp](https://github.com/nutui-uniapp/nutui-uniapp)  - 京东风格的轻量级移动端组件库，基于 uniapp 与 Vue3，支持移动端 H5 和 小程序开发
- [uv-ui](https://github.com/climblee/uv-ui)  - uv-ui 破釜沉舟之兼容 vue3+2、app、H5、小程序等多端基于 uni-app 和 uView2.x 的生态框架，支持单独导入，开箱即用，利剑出击。
- ![vue3] [vin-ui](https://github.com/vingogo/vin-ui)  - 京东（nutui）风格的移动端 Vue3 组件库 、支持多端小程序（uniapp 版本）。
- ![vue3] [wot-design-uni](https://github.com/Moonofweisheng/wot-design-uni)  - 一个基于 Vue3+TS 开发的 uni-app 组件库，提供 60+高质量组件，支持暗黑模式、国际化和自定义主题。
- ![vue2] [tuniaoui-vue2](https://github.com/ahua666/tuniaoUI)  - 基于 uni-app 进行开发的 UI 框架，提供丰富的组件进行快速开发。
- ![vue3] [tuniaoui-vue3](https://github.com/tuniaoTech/tuniaoui-rc-vue3-uniapp)  - 酷炫简洁 UI，使用 TypeScript 进行开发，提供了丰富的组件进行快速开发。
- [z-paging](https://github.com/SmileZXLee/uni-z-paging)  - 一个 uni-app 的分页组件，全平台兼容，支持自定义下拉刷新、上拉加载更多，支持虚拟列表，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等
## 打包器插件
- ![vite] [vite-plugin-uni-pages](https://github.com/uni-helper/vite-plugin-uni-pages)  - 在 uni-app 上使用基于文件的路由系统。
- ![vite] [vite-plugin-uni-tailwind](https://github.com/uni-helper/vite-plugin-uni-tailwind)  - 支持在 uni-app 中使用 tailwindcss v3 语法。
- ![vite] [vite-plugin-uni-layouts](https://github.com/uni-helper/vite-plugin-uni-layouts)  - 为 Vite 下的 uni-app 提供类 nuxt 的 layouts 系统。
- ![vite] [vite-plugin-uni-manifest](https://github.com/uni-helper/vite-plugin-uni-manifest)  - 使用 TypeScript 来编写 uni-app 的 manifest.json。
- ![vite] [vite-plugin-uni-platform](https://github.com/uni-helper/vite-plugin-uni-platform)  - 基于文件名 (_.
._) 的按平台编译插件。
- ![vite] [vite-plugin-uni-components](https://github.com/uni-helper/vite-plugin-uni-components)  - 适用于 uni-app 的按需自动引入组件。
- ![vite] [vite-plugin-uni-platform-modifier](https://github.com/uni-helper/vite-plugin-uni-platform-modifier)  - 为属性、指令提供平台修饰符并按需编译。
- ![vite] ![vue3] [uni-ku-root](https://github.com/uni-ku/root)  - 一个模拟 App.vue 原有能力的根组件插件
## 编辑器 / IDE 插件
- ![vscode] [uni-helper-vscode](https://github.com/uni-helper/uni-helper-vscode)  - 增强 uni-app 系列产品在 VSCode 内的体验。
- ![vscode] [uni-app-schemas-vscode](https://github.com/uni-helper/uni-app-schemas-vscode)  - 校验 uni-app 中 `androidPrivacy.json`、`pages.json` 和 `manifest.json` 格式。
- ![vscode] [uni-app-snippets-vscode](https://github.com/uni-helper/uni-app-snippets-vscode)  - uni-app 基本能力代码片段。
- ![vscode] [uni-cloud-snippets-vscode](https://github.com/uni-helper/uni-cloud-snippets-vscode)  - uni-cloud 基本能力代码片段。
- ![vscode] [uni-ui-snippets-vscode](https://github.com/uni-helper/uni-ui-snippets-vscode)  - uni-ui 基本能力代码片段。
- ![vscode] [uni-highlight-vscode](https://github.com/uni-helper/uni-highlight-vscode)  - 对条件编译的代码注释部分提供了语法提示、高亮、折叠。
- ![webstorm] [Uniapp Tool](https://plugins.jetbrains.com/plugin/21470-uniapp-tool)  - 增强 uni-app 在 Webstorm 内的体验。
## 类型
- ![typescript] [uni-app-types](https://github.com/uni-helper/uni-app-types)  - uni-app 组件类型支持。
- ![typescript] [uni-cloud-types](https://github.com/uni-helper/uni-cloud-types)  - uni-cloud 组件类型支持。
- ![typescript] [uni-ui-types](https://github.com/uni-helper/uni-ui-types)  - uni-ui 组件类型支持。