└── README.md /README.md: -------------------------------------------------------------------------------- 1 | ## 跨平台多端应用前端框架uni-app一站式开发资源汇总 ![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) 2 |
3 | 4 | **uni-app**是一个基于Vue.js的跨平台多端应用前端开发框架,由数字天堂DCloud开发并开源。 5 | 6 | 通过**uni-app**开发框架,开发者只需编写一套代码,即可同时编译生成多个平台的应用。 7 | 8 | **uni-app**目前已经支持开发的应用: 9 | 10 | - **Android App** 11 | - **iOS App** 12 | - **H5(Web)网站** 13 | - [**微信小程序**](https://mp.weixin.qq.com) (包括[QQ轻应用](http://h5.qianbao.qq.com/wiki/articleH5?id=1237)) 14 | - [**QQ小程序**](https://q.qq.com) 15 | - [**阿里小程序**](https://mini.open.alipay.com/channel/miniIndex.htm) (支付宝、淘宝、钉钉、饿了么、高德地图、微博等阿里系App将同时支持) 16 | - [**百度智能小程序**](https://smartprogram.baidu.com) (百度、百度地图、百度网盘、百度贴吧、百度视频、爱奇艺等百度系App将同时支持) 17 | - [**字节跳动小程序**](https://developer.toutiao.com/) (今日头条、抖音、皮皮虾等字节跳动系App将同时支持) 18 | - [**360小程序**](https://mp.360.cn/) (由奇虎360公司推出,目前仅Windows平台支持,需要在360浏览器中打开) 19 | - [**快应用**](https://www.quickapp.cn/) (由华为、小米、vivo、oppo、一加、魅族等国内主流安卓手机厂商联合推出) 20 | 21 | 22 | 若欲深入了解**uni-app**框架,请点击下面的相关链接。 23 | 24 | --- 25 | 26 | 60 | 61 | ### uni-app相关资源官方网址 62 | 63 | - [DCloud官方网站](http://dcloud.io/) 64 | - [DCloud Github首页](https://github.com/dcloudio) 65 | - [Vue.js官方网站](https://cn.vuejs.org/index.html) 66 | - [Vue.js Github仓库](https://github.com/vuejs/vue) 67 |
68 | 69 | - [uni-app Github仓库](https://github.com/dcloudio/uni-app) 70 | - [uni-app官方网站(文档)](https://uniapp.dcloud.io/) 71 | - [uni-app官方论坛(社区)](https://ask.dcloud.net.cn/explore/category-12) 72 | - [uni-app官方插件市场](https://ext.dcloud.net.cn/) 73 |
74 | 75 | - [微信小程序官方网站](https://mp.weixin.qq.com/) 76 | - [微信小程序官方开发文档](https://developers.weixin.qq.com/miniprogram/dev/) 77 | - [微信小游戏官方开发文档](https://developers.weixin.qq.com/minigame/dev/) 78 | - [微信官方开放社区(含开发者社区)](https://developers.weixin.qq.com/community/) 79 | - [QQ轻应用官方开发文档](http://h5.qianbao.qq.com/wiki/articleH5?id=1237) 80 |
81 | 82 | - [QQ小程序官方网站](https://q.qq.com/) 83 | - [QQ小程序官方开发文档](https://q.qq.com/wiki/develop/miniprogram/frame/) 84 | - [QQ小游戏官方开发文档](https://q.qq.com/wiki/develop/game/frame/catalog_structure/) 85 |
86 | 87 | - [阿里小程序官方网站](https://mini.open.alipay.com/channel/miniIndex.htm) (注:现虽然仍名为“支付宝小程序”,但实际上淘宝App也已经支持) 88 | - [阿里小程序官方开发文档](https://docs.alipay.com/mini/developer/getting-started) 89 | - [阿里小程序官方开发社区](https://openclub.alipay.com/index.php?c=thread&a=subforum&fid=66) 90 |
91 | 92 | - [百度智能小程序官方网站](https://smartprogram.baidu.com) 93 | - [百度智能小程序官方开发文档](https://smartprogram.baidu.com/docs/introduction/register/) 94 | - [百度智能小程序官方开发社区](https://smartprogram.baidu.com/forum/) 95 |
96 | 97 | - [字节跳动小程序官方网站](https://developer.toutiao.com/) 98 | - [字节跳动小程序官方开发文档](https://developer.toutiao.com/docs/framework/) 99 | - [字节跳动小程序官方开发社区](https://forum.microapp.bytedance.com) 100 | 101 | --- 102 | 103 | ### uni-app特别说明 104 | 105 | uni-app 1.8 之前的版本借鉴了部分 mpvue 的实现,因此 mpvue 的所有开源资源都可以用于 uni-app。 106 | 107 | 而 uni-app 从 1.8 开始虽然进行了完全重构,除了性能上有提升之外,还实现了更多 mpvue 所不支持的 Vue 特性,不过依然保证了对 mpvue 项目的兼容。 108 | 109 | 因此,无论是 1.8 之前的老框架,还是 1.8 之后的新框架,mpvue 项目的代码基本都不用修改,只是工程配置需进行适当修改(详见下面的迁移指南)。 110 | 111 | - [mpvue项目(组件)迁移指南、示例及资源汇总](https://ask.dcloud.net.cn/article/34945) 112 | - [awesome-mpvue: mpvue官方开发资源汇总](https://github.com/mpvue/awesome-mpvue/blob/master/README.md) 113 | 114 | ### uni-app开源项目 115 | 116 | - [hello-uniapp: uni-app框架演示示例](https://github.com/dcloudio/hello-uniapp) 117 | - [仿One·一个: 使用uni-app开发的「ONE · 一个」](https://github.com/dcloudio/uni-template-one) 118 | - [uni-shop: 用uni-app创建的类微信应用](https://github.com/siberiawolf/uni-shop) 119 | - [ironInfoWeapp: 钢材信息小程序](https://github.com/klren0312/ironInfoWeapp) 120 | - [得推B2C商城: 基于uniApp开发的支持小程序、iOS、Android的B2C商城](https://github.com/lrjxgl/unishop) 121 | - [uniBBS: deituicms + uni-app的bbs项目](https://github.com/lrjxgl/uniBBS) 122 | - [笑一波: 基于uni-app开发的跨平台应用](https://gitee.com/jameson512/xiaoyibo) 123 | - [仿QQ音乐: 用uni app框架开发的兼容三端(H5、小程序、App)仿QQ音乐](https://github.com/SuiXiangjun/uniappQQmic) 124 | - [音乐电子书库: 使用uni-app开发的小程序和安卓App](https://gitee.com/yanglilong127/uniapp_music_library) 125 | - [仿微信朋友圈: 基于uni-app开发的仿微信朋友圈小程序](https://github.com/liuxiaoyucc/uni-app-moments) 126 | - [碧波世界: 通过uni-app实现移动端+iOS端+小程序的虚拟币交易应用](https://github.com/qqlcx5/uniapp) 127 | - [博客小程序: 基于uni-app开发的博客小程序](https://github.com/xieyushi/jpress-uniapp) 128 | - [cnode社区: 基于uni-app开发的cnode社区开源版](https://github.com/yx-Team/cnode) 129 | - [DCIM管理系统: 用uni-app开发的DCIM管理系统](https://github.com/Airubby/uniapp) 130 | - [微酒柜: 基于uni-app开发,支持微信小程序、支付宝小程序以及Android App、iOS App](https://github.com/changjiapu/uni-app) 131 | - [生活街: 使用uniapp框架开发的移动端应用(包括安卓App、微信小程序、H5网站)](https://github.com/pjqdyd/UniApp-SLife) 132 | - [uniapp-chat: 借助uni-app开发的chat聊天界面](https://github.com/felony/uniapp-chat) 133 | - [Vault: 基于uni-app框架开发的简单APP](https://github.com/zjb19970804/Vault) 134 | - [Shop: 基于uni-app的商城app](https://github.com/18510247960/shop) 135 | - [aiplat: 基于uni-app开发的AI智能空间应用](https://github.com/aiplat/uniapp) 136 | - [uniapp-mix: 基于uni-app开发的应用(有较详细的说明)](https://github.com/shamYu/uniapp-mix) 137 | - [FeedBackStar-Android: 反馈星应用,兼容iOS、Android、H5、小程序等多个平台](https://github.com/XieXiePro/FeedBackStar-Android) 138 | - [OneVideo: 基于OneBase+UniApp开发的小视频播放移动应用,一次开发7端运行](https://github.com/Bigotry/OneVideo) 139 | - [self-service-terminals: 基于uniapp和安卓混合开发自助终端](https://github.com/zhanghaiduo/self-service-terminals) 140 | - [uniappblog: 简单网站uni-app示例](https://github.com/09net/uniappblog) 141 | - [jony-uniapp: 一拍即传相册管理 uniapp 版本](https://github.com/pinguo-lixiaolin/jony-uniapp) 142 | - [uniapp_kameleon: 基于uniapp的猫头鹰的巢](https://github.com/xueenze/uniapp_kameleon) 143 | - [uniapp-jielong: 故事接龙uni-app](https://github.com/zj04521/uniapp-jielong) 144 | - [douban-movie: 基于豆瓣电影API,使用uniapp完成的小程序](https://github.com/lijiang0327/douban-movie) 145 | - [uniApp-maoyan: 使用uniapp写的一个猫眼电影App](https://gitee.com/lovesnsfi_admin/uniApp-maoyan) 146 | - [uniApp_ceshi: 基于uniApp的仿叮当APP](https://gitee.com/jianshenggit/uniApp_ceshi) 147 | - [faxian: 用uniapp来实现百果园用户端发现模块(主要包括发现主页、详细页、作者页)](https://gitee.com/lengguoxing/faxian) 148 | - [thinkjs-uniapp-framework: uni-app应用项目快速开发框架](https://gitee.com/gzpyp/thinkjs-uniapp-framework) 149 | - [Jshop小程序前台简约模板: 基于uni-app开发的简约前台H5+小程序模板](https://gitee.com/hnjihai/uniapp) 150 | - [byrz-uni-app: 用uni-app写的简易小程序,可同时生成支付宝、百度、微信小程序,已上线](https://gitee.com/wangFengJ/byrz) 151 | - [uni_app_fengshui_network: 基于uni-app开发的风水网](https://gitee.com/ST219/uni_app_fengshui_network) 152 | - [syblog: 基于uni-app开发的博客系统,同时支持PC站点、APP端、小程序端](https://gitee.com/MaNongWuMa/syblog) 153 | - [yyh-uni-app: 基于uni-app开发的购物小程序,微信小程序、安卓、iOS三端开发](https://gitee.com/WebYunKaiFa/yyh-uni-app) 154 | - [qunar_demo: 使用uni-app模仿去哪儿h5页面开发app](https://gitee.com/zhangjiaty/qunar_demo) 155 | - [uni-app-project: 使用uni-app框架,编译微信小程序及H5,项目是从mpvue迁移过来](https://gitee.com/Freeruning/uni-app-project) 156 | - [yuedu书城: 基于uni-app开发的书城项目前端部分)](https://github.com/Pennan/uniapp-yuedu)(注:服务端部分参见[uniapp-yuedu-server](https://github.com/Pennan/uniapp-yuedu-server)) 157 | - [uniapp-demo: 基于uni-app开发的多端统一项目Demo](https://github.com/sjmshenhua/uniapp)(注:有详细的项目目录结构说明以及注意事项) 158 | - [zhihu-uni-app: 基于uni-app开发的仿知乎日报App](https://github.com/oukele/zhihu-uni-app) 159 | - [uni-app-tice: 使用uni-app框架制作的青少年体测中心](https://github.com/hdyanghj/uni-app-tice)(注:包含了免密码登录、密码登录,设置密码、修改密码、绑定资料、补充资料、个人中心、我要测试、测试列表、测试详情等功能) 160 | 161 | ### uni-app开源组件 162 | 163 | - **UI类组件** 164 | 165 | - [uni-ui: 官方开源的基于uni-app的ui框架(ui组件库)](https://github.com/dcloudio/uni-ui) 166 | - [ColorUI: 专注视觉的高颜值ui组件库(同时支持uni-app和微信原生小程序)](https://github.com/weilanwl/ColorUI) 167 | - [dt-ui: 基于css的手机ui模板库(适用于uni-app、H5、小程序、react、vue、weex)](https://github.com/lrjxgl/dt-ui) 168 | - [uni-app-bottom-navigation: uni-app自定义底部导航栏](https://github.com/lygustas/uni-app-bottom-navigation) 169 | - [uni-app-slidelist: 超级列表左滑组件](https://github.com/zhangzibao/uni-app-slidelist) 170 | - [uni-inputs: uni-app inputs 组件库](https://github.com/HuLuoQian/uni-inputs)(注:包括了input、textarea、radio、checkbox、switch、slider、上传图片、日期选择、城市选择、省市区乡镇街道、picker等组件) 171 | - [uni-app-tools: uni-app组件库](https://github.com/SilurianYang/uni-app-tools)(注:该组件库也包括了功能类组件) 172 | - [sunUi-for-uniApp: sunUi组件库](https://github.com/Sunnshino/sunUi-for-uniApp) 173 | - [uni-app-tabbar: uni-app底部导航栏凸起实现](https://github.com/xiaotimo/uni-app-tabbar)(注:该组件目前仅支持Android和iOS App,不支持小程序、H5) 174 | - [RichAlert: uni-app原生(iOS、Android)插件:富文本提示框](https://github.com/dcloudio/RichAlert) 175 | - [uniapp-plugin-collections: uni-app组件库(包括了验证码输入、密码输入、数字滚动、文字滚动、保存图片等组件)](https://github.com/xiaowang1314/uniapp-plugin-collections) 176 | - [rui-uni-components: 为uni-app开发的RUI组件库](https://github.com/Rattenking/rui-uni-components) 177 | - [uni-app-left-navigation: uniapp侧边导航分类](https://github.com/lygustas/uni-app-left-navigation) 178 | - [uni-app-range-slider: uni-app区间选择滑块](https://github.com/zhangdaren/uni-app-range-slider) 179 | - [fr_uni_app: 基于UNI-APP的tabbar、loading、request、上传图片等组件(兼容微信小程序、APP)](https://github.com/gek6/fr_uni_app) 180 | - [uni-custom-scan-code: uni-app自定义扫码界面](https://github.com/xiaoyucoding/uni-custom-scan-code) 181 | - [uniapp_date_and_time_selector: Uni-app日期时间选择插件(支持日期范围,日期时间范围选择)](https://github.com/nulllfeng/uniapp_date_and_time_selector) 182 | - [indexlist: uniapp indexlist组件](https://github.com/q310550690/indexlist) 183 | - [uniapp-picker: uniapp选择器(包含一级、二级级联、三级级联)](https://github.com/lygustas/uniapp-picker) 184 | - [ynGallery-for-uniapp: 多端画廊组件(用于图片展览、影片墙,类似猫眼影廊)](https://github.com/UserWenxin/ynGallery-for-uniapp) 185 | - [teaset: 一个uniapp开源组件库](https://gitee.com/zengqs/teaset) 186 | - [iviewComponents: iview 转 mpvue uniapp vue components](https://gitee.com/kdmili/iviewComponents) 187 | - [uniapps_animate_plugin: 使用uni-app简单封装Animation动画](https://gitee.com/yanglilong127/uniapps_animate_plugin) 188 | - [i-price: uni-app 常用价格组件i-price](https://gitee.com/sonicsunsky/i-price) 189 | - [PFUIN: 基于UNI-APP开发跨平台应用的精致移动端组件库](https://gitee.com/panfu/PFUIN)(注:有详细的目录结构说明;该组件库也包括了功能类组件) 190 | - [聚合UI: 运行在UNI-APP环境下的一套UI系统](https://gitee.com/izcy/juheui) 191 | - [uniapp-components: 适用于uniapp开发框架的一些组件](https://github.com/snowwolfjay/uniapp-components) 192 | - [uni-app常用插件: 基于uni-app开发的一些常用插件(组件)](https://github.com/qq459114173/uni-app) 193 | - [wjsc-tools-uni-app: 无境书茶工具集合](https://github.com/oldpotter/wjsc-tools-uni-app) 194 | 195 | - **功能类组件** 196 | 197 | - [uni-template-login: 基于uni-app框架的登录模板](https://github.com/dcloudio/uni-template-login) 198 | - [uni-template-picture: 基于uni-app框架的看图模板](https://github.com/dcloudio/uni-template-picture) 199 | - [uni-template-news: 基于uni-app开发的新闻/资讯类App模板](https://github.com/dcloudio/uni-template-news) 200 | - [uParse: 适用于uni-app/mpvue的富文本解析自定义组件(修改自mpvue-wxParse)](https://github.com/dcloudio/uParse) 201 | - [uni-app-citySelect: 基于uni-app开发的城市选择器,基本与美团小程序一致](https://github.com/xieyushi/uni-app-citySelect) 202 | - [uni-app-qrcode: uni-app二维码生成器](https://github.com/q310550690/uni-app-qrcode) 203 | - [uniapp-markdown: uniapp的markdown编辑器插件](https://github.com/lygustas/uniapp-markdown) 204 | - [qrcode: 基于uni-app的二维码生成组件](https://github.com/alei817927/qrcode) 205 | - [uniApp-faceScan: UNI-APP 登录模板](https://github.com/xyl66/uniApp-faceScan) 206 | - [uniapp-alioss-util: uniapp阿里云oss图片直接上传(不需要后端做签名)](https://github.com/xieyushi/uniapp-alioss-util) 207 | - [mimc-uniapp-sdk: 小米即时消息云 MIMC uni-app SDK](https://gitee.com/fulusco/mimc-uniapp-sdk) 208 | - [uniFly: 基于uni-app + Fly封装request请求,实现请求和响应拦截,支持h5和小程序(可代替uni-request)](https://gitee.com/qzeroq/uniFlyDemo)(注:uniFly支持[uni-request](https://github.com/QzeroQ/uni-request)所有功能,而且更具有模块化思想,详细使用说明看[这里](https://www.jianshu.com/p/2729ac395cf5)) 209 | - [btoolkit-for-uniapp: uni-app便捷开发工具库](https://github.com/wuqibo/btoolkit-for-uniapp) 210 | - [uniapp-cropper: 图片裁剪组件的uniapp版本](https://github.com/CoryLiu/uniapp-cropper) 211 | - [uniapp-wslimg: uniapp版的七牛上传组件](https://github.com/b3241931/uniapp-wslimg) 212 | 213 | ### uni-app相关工具 214 | 215 | - [uni-preset-vue:uni-app preset for vue](https://github.com/dcloudio/uni-preset-vue) 216 | - [miniprogram-to-uniapp:微信小程序转换为uni-app](https://github.com/zhangdaren/miniprogram-to-uniapp) 217 | 218 | ### uni-app相关文章 219 | 220 | - :new: [跨端开发框架深度横评之2020版](https://segmentfault.com/a/1190000022326482) 221 | - [如何评价 DCloud 推出的 uni-app?](https://www.zhihu.com/question/270413186) 222 | - [Taro vs uni-app选型对比](https://zhuanlan.zhihu.com/p/55903320) 223 | - [跨端开发框架深度横评](https://juejin.im/post/5ca1736af265da30ae314248) 224 | - [uni-app:基于Vue的跨端框架(闪电演讲内容整理)|掘金开发者大会](https://blog.csdn.net/hbcui1984/article/details/82776351) 225 | - [关于uni-app你需要了解的基本问题及选型评估23问](https://blog.csdn.net/asstudio/article/details/87933912) 226 | - [小程序开发:用原生还是选框架(wepy/mpvue/uni-app/taro)?](https://blog.csdn.net/hbcui1984/article/details/91367229) 227 | - [使用uni-app开发小程序,比直接原生开发小程序好在哪里](https://blog.csdn.net/hbcui1984/article/details/102783208) 228 | - [uni-app 1.2 发布,iOS、Android、小程序、H5主流四端全覆盖](https://ask.dcloud.net.cn/article/35295) 229 | - [uni-app 1.4 发布,一套代码,发行小程序(微信/支付宝/百度)、H5、App多个平台](https://blog.csdn.net/hbcui1984/article/details/85706334) 230 | - [uni-app 1.8 发布,微信端性能翻倍,并增加若干 Vue 语法支持](https://ask.dcloud.net.cn/article/35699) 231 | - [uni-app 1.9 发布,App平台升级为新版编译器(自定义组件模式),支持更多Vue语法](http://ask.dcloud.net.cn/article/35818) 232 | - [uni-app 2.2 发布,大幅优化H5端性能体验](https://blog.csdn.net/hbcui1984/article/details/99692545) 233 | - [uni-app不同编译模式差异说明](https://ask.dcloud.net.cn/article/35843) 234 | - [uni-app官方教程学习手记](https://segmentfault.com/a/1190000017020710) 235 | - [uni-app中使用 Vue 注意事项](https://uniapp.dcloud.io/use) 236 | - [uni-app各环节版本兼容性说明](http://ask.dcloud.net.cn/article/35845) 237 | - [微信小程序转换uni-app详细指南](https://ask.dcloud.net.cn/article/35786) 238 | - [谜之wxs,uni-app如何用它大幅提升性能](https://blog.csdn.net/hbcui1984/article/details/101545762) 239 | 240 | ### uni-app应用案例 241 | 242 | - [uni-app官方公布的应用案例列表(由官方持续更新)](https://uniapp.dcloud.io/case) 243 | 244 | ### 特别推荐 245 | 246 | - :100: [腾讯官方开源的微信小程序前端框架WePY开发资源汇总](https://github.com/aben1188/awesome-wepy) 247 | --------------------------------------------------------------------------------