Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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 优秀学习资源汇总

Awesome Lists containing this project

README

        




Awesome Uni-App




Awesome uni-app


多端统一开发框架 uni-app 优秀开发资源汇总




Awesome

## 目录

使用右上角的“目录”菜单来浏览列表。

## 官方资源

- [官方文档](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
[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) ![stars](https://img.shields.io/github/stars/uni-helper/create-uni) 🛠️ 快速创建 uni-app 项目

## 模板

- [uni-preset-vue](https://github.com/dcloudio/uni-preset-vue) ![stars](https://img.shields.io/github/stars/dcloudio/uni-preset-vue) - uni-app 官方模板。

- ![vue3] [vitesse-uni-app](https://github.com/uni-helper/vitesse-uni-app) ![stars](https://img.shields.io/github/stars/uni-helper/vitesse-uni-app) - 由 uni-helper 支持的开始模板。
- ![vue3] [vitesse-uniapp-vue3](https://github.com/sunpm/vitesse-uniapp-vue3) ![stars](https://img.shields.io/github/stars/sunpm/vitesse-uniapp-vue3) - 基于 uni-app、Vue 3、pinia(持久化保存)、Typescript、UnoCSS 等主流技术开发的开箱即用模版。
- ![vue3] [uniapp-template](https://github.com/yang1206/uniapp-template) ![stars](https://img.shields.io/github/stars/yang1206/uniapp-template) - 基于 Vite、UnoCSS 和 TypeScript 的 uni-app 起始模版。
- ![vue3] [wot-starter](https://github.com/Moonofweisheng/wot-starter) ![stars](https://img.shields.io/github/stars/Moonofweisheng/wot-starter) - 基于 wot-design-uni 的 uni-app 快速启动模板。
- ![vue3] [unibest](https://github.com/codercup/unibest) ![stars](https://img.shields.io/github/stars/codercup/unibest) - uni-app 开发框架,内置大量基础功能,提供大量辅助功能。

## 演示

- [hello-uniapp](https://github.com/dcloudio/hello-uniapp) ![stars](https://img.shields.io/github/stars/dcloudio/hello-uniapp) - uni-app 框架演示示例

## Lib 工具库

- [axios-adapter](https://github.com/uni-helper/axios-adapter) ![stars](https://img.shields.io/github/stars/uni-helper/axios-adapter) - 一个用于 uni-app 的 Axios 适配器。
- [uni-network](https://github.com/uni-helper/uni-network) ![stars](https://img.shields.io/github/stars/uni-helper/uni-network) - 为 uni-app 打造的基于 Promise 的 HTTP 客户端。
- [uni-promises](https://github.com/uni-helper/uni-promises) ![stars](https://img.shields.io/github/stars/uni-helper/uni-promises) - uni-app Promise 化 API。
- ![vue3] [uni-use](https://github.com/uni-helper/uni-use) ![stars](https://img.shields.io/github/stars/uni-helper/uni-use) - uni-app 组合式工具集。
- [unocss-applet](https://github.com/unocss-applet/unocss-applet) ![stars](https://img.shields.io/github/stars/unocss-applet/unocss-applet) - 在小程序中使用 UnoCSS,兼容不支持的语法。
- [unocss-preset-uni](https://github.com/uni-helper/unocss-preset-uni) ![stars](https://img.shields.io/github/stars/uni-helper/unocss-preset-uni) - 专为 uni-app 打造的 UnoCSS 预设。

## UI 组件库

- [uni-ui](https://github.com/dcloudio/uni-ui) ![stars](https://img.shields.io/github/stars/dcloudio/uni-ui) - 基于 uni-app 的、全端兼容的、高性能 UI 框架。
- ![vue2] [uview 2.0](https://github.com/umicro/uView2.0) ![stars](https://img.shields.io/github/stars/umicro/uView2.0) - 全面兼容 nvue 的 uni-app 生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。
- ![vue3] [uview-plus](https://github.com/ijry/uview-plus) ![stars](https://img.shields.io/github/stars/ijry/uview-plus) - fork 自 uview 2.0,全面兼容 nvue 的 uni-app 生态框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水。
- [thorui-uni](https://github.com/dingyong0214/ThorUI-uniapp) ![stars](https://img.shields.io/github/stars/dingyong0214/ThorUI-uniapp) - 轻量、简洁的移动端组件库。
- ![vue3] [ano-ui](https://github.com/ano-ui/ano-ui) ![stars](https://img.shields.io/github/stars/ano-ui/ano-ui) - 轻量级、漂亮、快速的 UnoCSS 组件库。
- [firstui-uni](https://github.com/FirstUI/FirstUI) ![stars](https://img.shields.io/github/stars/FirstUI/FirstUI) - 基于 uni-app 开发的组件化、可复用、易扩展、低耦合的跨平台移动端 UI 组件库。
- ![vue3] [nutui-uniapp](https://github.com/nutui-uniapp/nutui-uniapp) ![stars](https://img.shields.io/github/stars/nutui-uniapp/nutui-uniapp) - 京东风格的轻量级移动端组件库,基于 uniapp 与 Vue3,支持移动端 H5 和 小程序开发
- [uv-ui](https://github.com/climblee/uv-ui) ![stars](https://img.shields.io/github/stars/climblee/uv-ui) - uv-ui 破釜沉舟之兼容 vue3+2、app、H5、小程序等多端基于 uni-app 和 uView2.x 的生态框架,支持单独导入,开箱即用,利剑出击。
- ![vue3] [vin-ui](https://github.com/vingogo/vin-ui) ![stars](https://img.shields.io/github/stars/vingogo/vin-ui) - 京东(nutui)风格的移动端 Vue3 组件库 、支持多端小程序(uniapp 版本)。
- ![vue3] [wot-design-uni](https://github.com/Moonofweisheng/wot-design-uni) ![stars](https://img.shields.io/github/stars/Moonofweisheng/wot-design-uni) - 一个基于 Vue3+TS 开发的 uni-app 组件库,提供 60+高质量组件,支持暗黑模式、国际化和自定义主题。
- ![vue2] [tuniaoui-vue2](https://github.com/ahua666/tuniaoUI) ![stars](https://img.shields.io/github/stars/ahua666/tuniaoUI) - 基于 uni-app 进行开发的 UI 框架,提供丰富的组件进行快速开发。
- ![vue3] [tuniaoui-vue3](https://github.com/tuniaoTech/tuniaoui-rc-vue3-uniapp) ![stars](https://img.shields.io/github/stars/tuniaoTech/tuniaoui-rc-vue3-uniapp) - 酷炫简洁 UI,使用 TypeScript 进行开发,提供了丰富的组件进行快速开发。
- [z-paging](https://github.com/SmileZXLee/uni-z-paging) ![stars](https://img.shields.io/github/stars/SmileZXLee/uni-z-paging) - 一个 uni-app 的分页组件,全平台兼容,支持自定义下拉刷新、上拉加载更多,支持虚拟列表,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持展示最后更新时间,支持国际化等等

## 打包器插件

- ![vite] [vite-plugin-uni-pages](https://github.com/uni-helper/vite-plugin-uni-pages) ![stars](https://img.shields.io/github/stars/uni-helper/vite-plugin-uni-pages) - 在 uni-app 上使用基于文件的路由系统。
- ![vite] [vite-plugin-uni-tailwind](https://github.com/uni-helper/vite-plugin-uni-tailwind) ![stars](https://img.shields.io/github/stars/uni-helper/vite-plugin-uni-tailwind) - 支持在 uni-app 中使用 tailwindcss v3 语法。
- ![vite] [vite-plugin-uni-layouts](https://github.com/uni-helper/vite-plugin-uni-layouts) ![stars](https://img.shields.io/github/stars/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) ![stars](https://img.shields.io/github/stars/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) ![stars](https://img.shields.io/github/stars/uni-helper/vite-plugin-uni-platform) - 基于文件名 (_.

._) 的按平台编译插件。
- ![vite] [vite-plugin-uni-components](https://github.com/uni-helper/vite-plugin-uni-components) ![stars](https://img.shields.io/github/stars/uni-helper/vite-plugin-uni-components) - 适用于 uni-app 的按需自动引入组件。
- ![vite] [vite-plugin-uni-platform-modifier](https://github.com/uni-helper/vite-plugin-uni-platform-modifier) ![stars](https://img.shields.io/github/stars/uni-helper/vite-plugin-uni-platform-modifier) - 为属性、指令提供平台修饰符并按需编译。

## 编辑器 / IDE 插件

- ![vscode] [uni-helper-vscode](https://github.com/uni-helper/uni-helper-vscode) ![stars](https://img.shields.io/github/stars/uni-helper/uni-helper-vscode) - 增强 uni-app 系列产品在 VSCode 内的体验。
- ![vscode] [uni-app-schemas-vscode](https://github.com/uni-helper/uni-app-schemas-vscode) ![stars](https://img.shields.io/github/stars/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) ![stars](https://img.shields.io/github/stars/uni-helper/uni-app-snippets-vscode) - uni-app 基本能力代码片段。
- ![vscode] [uni-cloud-snippets-vscode](https://github.com/uni-helper/uni-cloud-snippets-vscode) ![stars](https://img.shields.io/github/stars/uni-helper/uni-cloud-snippets-vscode) - uni-cloud 基本能力代码片段。
- ![vscode] [uni-ui-snippets-vscode](https://github.com/uni-helper/uni-ui-snippets-vscode) ![stars](https://img.shields.io/github/stars/uni-helper/uni-ui-snippets-vscode) - uni-ui 基本能力代码片段。
- ![vscode] [uni-highlight-vscode](https://github.com/uni-helper/uni-highlight-vscode) ![stars](https://img.shields.io/github/stars/uni-helper/uni-highlight-vscode) - 对条件编译的代码注释部分提供了语法提示、高亮、折叠。

## 类型

- ![typescript] [uni-app-types](https://github.com/uni-helper/uni-app-types) ![stars](https://img.shields.io/github/stars/uni-helper/uni-app-types) - uni-app 组件类型支持。
- ![typescript] [uni-cloud-types](https://github.com/uni-helper/uni-cloud-types) ![stars](https://img.shields.io/github/stars/uni-helper/uni-cloud-types) - uni-cloud 组件类型支持。
- ![typescript] [uni-ui-types](https://github.com/uni-helper/uni-ui-types) ![stars](https://img.shields.io/github/stars/uni-helper/uni-ui-types) - uni-ui 组件类型支持。