{"id":43734,"url":"https://github.com/jd-opensource/awesome-taro","name":"awesome-taro","description":"多端统一开发框架 Taro 优秀学习资源汇总","projects_count":116,"last_synced_at":"2026-08-01T15:00:23.777Z","repository":{"id":39120651,"uuid":"156717059","full_name":"jd-opensource/awesome-taro","owner":"jd-opensource","description":"多端统一开发框架 Taro 优秀学习资源汇总","archived":false,"fork":false,"pushed_at":"2024-04-11T06:13:51.000Z","size":3654,"stargazers_count":2920,"open_issues_count":4,"forks_count":315,"subscribers_count":75,"default_branch":"master","last_synced_at":"2026-07-13T12:04:40.993Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jd-opensource.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-11-08T14:14:09.000Z","updated_at":"2026-07-09T01:48:35.000Z","dependencies_parsed_at":"2024-01-14T04:44:33.857Z","dependency_job_id":"fa9d957e-013f-405a-a61b-0bdf988a8af3","html_url":"https://github.com/jd-opensource/awesome-taro","commit_stats":null,"previous_names":["jd-opensource/awesome-taro","nervjs/awesome-taro"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jd-opensource/awesome-taro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jd-opensource%2Fawesome-taro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jd-opensource%2Fawesome-taro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jd-opensource%2Fawesome-taro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jd-opensource%2Fawesome-taro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jd-opensource","download_url":"https://codeload.github.com/jd-opensource/awesome-taro/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jd-opensource%2Fawesome-taro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36160602,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-08-01T02:00:05.789Z","response_time":100,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-13T21:18:44.156Z","updated_at":"2026-08-01T15:00:23.778Z","primary_language":"JavaScript","list_of_lists":false,"displayable":true,"categories":["官方资源","生态资源","文章教程","开发技巧","示例项目","开源项目","第三方库和组件"],"sub_categories":["Taro 3","Taro 2","Taro 1","Taro3","Taro1","Taro2","Taro 3.2","Taro3.2"],"readme":"# Awesome Taro\n\n多端统一开发框架 Taro 优秀学习资源汇总 [![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)\n\n## 官方资源\n\n- [Taro 项目仓库](https://github.com/NervJS/taro)\n- [Taro 官方文档](http://nervjs.github.io/taro)\n- [Taro UI 项目仓库](https://github.com/NervJS/taro-ui)\n- [Taro UI 官方文档](https://taro-ui.jd.com)\n- [微信小程序官方文档](https://developers.weixin.qq.com/miniprogram/dev/framework/)\n- [百度智能小程序官方文档](https://smartprogram.baidu.com/docs/develop/tutorial/intro/)\n- [支付宝小程序官方文档](https://docs.alipay.com/mini/developer/getting-started)\n- [字节跳动小程序官方文档](https://microapp.bytedance.com/)\n- [京东小程序官方文档](https://mp.jd.com/docs/dev/)\n- [QQ 小程序官方文档](https://q.qq.com/wiki/)\n\n## 生态资源\n\n- [Taro UI](https://taro-ui.jd.com)\n- [Taro UI Vue3](https://b2nil.github.io/taro-ui-vue3/)\n- [Taro UI Vue](https://github.com/psaren/taro-ui-vue)\n- [Taroify UI](https://taroify.gitee.io/taroify.com/introduce/)\n- [更多](https://nervjs.github.io/taro/docs/redux)\n\n## 文章教程\n\n- [官方博客](https://nervjs.github.io/taro/blog)\n- [不敢阅读 npm 包源码？带你揭秘 taro init 背后的哲学](https://juejin.im/post/5c21f4e5f265da61117a54a0)\n- [从 0 到 1 构建适配不同端（微信小程序、H5、React-Native 等）的 taro + dva 应用](https://juejin.im/post/5bb1766d5188255c3272cdd0)\n- [【小程序 taro 最佳实践】http 请求封装（方便使用，增加 token，统一错误日志记录和上报）](https://segmentfault.com/a/1190000016533592)\n- [【小程序 taro 最佳实践】异步 action 优雅实践(简化流程)](https://segmentfault.com/a/1190000016534001)\n- [使用 Taro 框架开发小程序](https://juejin.im/post/5ba0a53af265da0ab5037234)\n- [Taro 下利用 Decorator 快速实现小程序分享](https://juejin.im/post/5b99da5d5188255c6f1e084e)\n- [微信小程序授权登陆方案以及在 Taro 下利用 Decorator 修饰器实现](https://juejin.im/post/5b97a762e51d450e9649a8fd)\n- [试用 React 语法的多端框架 Taro 问题汇总](https://segmentfault.com/a/1190000016247153)\n- [Taro 在京东购物小程序上的实践](https://juejin.im/entry/5b987859e51d450ea2465ddd)\n- [Taro 实践 - TOPLIFE 小程序 开发体验](https://juejin.im/post/5b3b786a6fb9a04f89780a9f)\n- [Taro 技术揭秘：taro-cli](https://juejin.im/post/5b3ce041e51d45194832aaf6)\n- [为何我们要用 React 来写小程序 - Taro 诞生记](https://juejin.im/post/5b30b476518825749e4a1d91)\n- [GitLab-CI 微信小程序进行持续集成和持续部署](https://zacksleo.github.io/2018/04/08/GitLab-CI%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%BF%9B%E8%A1%8C%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90%E5%92%8C%E6%8C%81%E7%BB%AD%E9%83%A8%E7%BD%B2/)\n- [使用 Taro 和 Typescript 进行小程序开发](https://zacksleo.github.io/2018/06/16/%E4%BD%BF%E7%94%A8Taro%E5%92%8CTypescript%E8%BF%9B%E8%A1%8C%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%BC%80%E5%8F%91/)\n- [微信小程序及 h5,基于 taro，zoro 最佳实践探索](https://www.jianshu.com/p/7c27dbbc080f)\n- [手把手教你用 Taro 框架写一个图像处理类微信小程序](https://juejin.im/post/5c3c8c58f265da611a4813a9)\n- [Taro 多端开发的正确姿势：打造三端统一的网易严选（小程序、H5、React Native）](https://juejin.im/post/5c6a151f518825625e4ac830)\n- [Taro 与 Redux 结合使用教程](https://github.com/imageslr/taro-library#%E5%BC%95%E5%85%A5-redux)\n- [微信小程序开发之影分身术](https://juejin.im/post/5c788d28e51d4560a82be8d2)\n- [Taro 3.x 跨版本升级踩坑指南（将 Taro 3.0.14 跨版本升级到 Taro 3.5.3 项目实战）](https://juejin.cn/post/7148430666906992647)\n\n## 开发技巧\n\n- [微信小程序 wx.request 对于 JSON 含 \\u2028 处理异常](https://segmentfault.com/a/1190000015443614)\n- [Taro 最佳实践](https://github.com/js-newbee/taro-best-practices)\n- [封装 Taro.request（拦截器，url 配置等）](https://github.com/TigerHee/taro-request)\n- [使用 axios 完美代替 Taro.request](https://github.com/SpringHgui/axios-taro-adapter)\n\n## 示例项目\n\n### Taro 3.2\n\n- [Taro App 开发调试工具及使用示例](https://github.com/wuba/taro-playground)\n- [【58出品】Taro 跨平台 demo，支持 React Native，Weapp，H5](https://github.com/wuba/Taro-Mortgage-Calculator)\n- [瑞克和莫蒂wiki，支持 React Native，Weapp，H5](https://github.com/rick-and-morty-wiki/rick-and-morty-wiki)\n\n### Taro 3\n\n- [TodoMVC React 版](https://github.com/NervJS/TodoMVC/tree/react) (小程序 / H5)\n- [TodoMVC Vue 版](https://github.com/NervJS/TodoMVC/tree/vue) (小程序 / H5)\n- Taro 组件库示例 [taro-components-sample](https://github.com/NervJS/taro-components-sample) （默认是 React，Vue 请切到 Vue 分支）\n- [仿知乎小程序 React 版](https://github.com/NervJS/taro-zhihu-sample/tree/next)\n- [仿知乎小程序 Vue 版](https://github.com/NervJS/taro-zhihu-sample/tree/vue)\n- [V2ex 小程序（TypeScript） React 版](https://github.com/NervJS/taro-v2ex/tree/next)\n- [V2ex 小程序（TypeScript）Vue 版](https://github.com/NervJS/taro-v2ex/tree/vue)\n- [与微信小程序原生融合的示例（React版）](https://github.com/NervJS/taro-sample-weapp/tree/next)\n- [与微信小程序原生融合的示例（Vue版）](https://github.com/NervJS/taro-sample-weapp/tree/vue)\n- [Taro 示例项目(DVA计数器 | 异步请求 | 腾讯地图): Taro+Dva+Typescript+Immer](https://github.com/didilinkin/tarojs-ts-cli)\n- 💯 [nice-router-taro 脚手架项目，DVA+数据驱动页面+数据驱动表单+数据驱动list](https://github.com/kala888/nice-router-taro)\n- [抖音一键去水印小程序 (Vue版): Taro + 微信云开发](https://github.com/terryso/super9)\n- [彗星密码本 (React版): Taro + 微信云开发](https://github.com/MuxinFeng/taro-savePassword)\n\n### Taro 2\n\n- Taro Redux 示例 [taro-redux-sample](https://github.com/NervJS/taro-redux-sample)\n- [TodoMVC](https://github.com/NervJS/TodoMVC) (小程序/H5/React Native)\n- Taro 组件库示例 [taro-components-sample](https://github.com/NervJS/taro-components-sample/tree/master)\n- [Taro 脚手架（特性： 封装 api、redux 优雅集成、异常日志上报）](https://github.com/wsdo/taro-kit.git)\n- [仿知乎小程序](https://github.com/NervJS/taro-zhihu-sample)\n- [仿知乎小程序: Taro + Taro-UI + yapi API](https://github.com/MoonCheung/zhihu-applet)\n- [V2ex 小程序（TypeScript）](https://github.com/NervJS/taro-v2ex)\n- [与微信小程序原生融合的示例](https://github.com/NervJS/taro-sample-weapp)\n- [记日常小程序 Taro-UI + Rematch + 云开发 + tcb-router](https://github.com/zhixiaoqiang/taroCloud)\n- 💯 [nice-router-taro 脚手架项目，DVA+数据驱动页面+数据驱动表单+数据驱动list](https://github.com/kala888/nice-router-taro/tree/taro2)\n- [基于`Taro2` + 云开发 打造婚礼邀请函小程序](https://github.com/wforguo/wedding-app)\n### Taro 1\n\n- Taro 端能力示例 [taro-apis-sample](https://github.com/NervJS/taro-apis-sample)\n- Taro 实验性特性项目 [taro-todo](https://github.com/NervJS/taro-todo)\n- [Taro 整合 Dva 示例](https://github.com/zuoge85/taro-dva)\n- [taro 结合 zoro 完整方案示例](https://github.com/FaureWu/ztaro)\n- [Taro-UI + Rematch 示例](https://github.com/qwIvan/taro-demo-todolist)\n- [Taro+dva+wxParse 多端富文本解析示例](https://github.com/zcSkr/taro-dva-wxParse)\n- [Taro+Taro-UI+es6 入门 demo](https://github.com/hyyqcweb/taro-gank)\n- [知识付费小程序（TypeScript）](https://github.com/SmallRuralDog/yundocs)\n- [书店小程序： Taro + Redux + 本地 Mock Server 示例项目](https://github.com/imageslr/taro-library)\n- [Taro 示例项目(内置 计数器 与 异步请求): Taro + Dva + Typescript + Immutable](https://github.com/didilinkin/elf-taro-cli/tree/taro-1.2.8)\n\n## 开源项目\n\n### Taro3.2\n\n- [taro-rn-demo](https://github.com/wyzwhp/taro-rn-demo)\n- [Taroify UI](https://taroify.gitee.io/taroify.com/introduce/)\n\n### Taro3\n\n- [Taro UI Vue3](https://b2nil.github.io/taro-ui-vue3/)\n- [Taro UI Vue](https://github.com/psaren/taro-ui-vue)\n- [基于 Taro + Taro-ui + Typescript + redux 开发的网易云音乐小程序](https://github.com/lsqy/taro-music/tree/feature_upgrade_taro3.0)\n- [微信小程序每日工作量(vue3 + TS + 云开发)](https://github.com/whyour/mini-work)\n- [TaroForm可视化表单编辑](https://github.com/ShaoGongBra/taro-form)\n- [自媒体UP主团购小程序NiceUp(React + TS + 云开发)](https://github.com/nasawz/niceup)\n- [taro-hooks 为Taro而设计的Hooks Library](https://github.com/innocces/taro-hooks)\n- [Taro HtmlView 支持将简单的html富文本渲染为Taro组件](https://github.com/ShaoGongBra/taro-html-view)\n- [让我们一起手拉手小程序, taro+vue3+ts+pinia,社区、问卷、对话](https://github.com/Everytimeyumi/hand-in-hand/tree/main)\n\n### Taro2\n\n- 💯 [Hi头像](https://github.com/hi-our/hi-face) 自带[教程小册](https://www.xiaoxili.com/hi-face)\n- 💯 [基于 Taro2.0 + dva + Taro-ui + immer 开发的电商小程序](https://github.com/jiechud/taro-mall)\n- 💯 [基于 Taro2.0 + TypeScript + 云开发的地图同学录小程序](https://github.com/Mayandev/classmate-map)\n- [基于 Taro + Taro-ui + Typescript + redux 开发的网易云音乐小程序](https://github.com/lsqy/taro-music)\n- [基于 Taro2.0 + dva + Taro-ui + wemark 开发的 markdown 文章博客小程序](https://github.com/hirCodd/JavaNorthMiniApp.git)\n- [基于`Taro2` + 云开发 打造婚礼邀请函小程序](https://github.com/wforguo/wedding-app)\n- \n### Taro1\n\n- 💯 [首个 Taro 多端统一实例 - 网易严选（小程序 + H5 + React Native）](https://github.com/js-newbee/taro-yanxuan)\n- 💯 [基于 Taro + Dva 构建的时装衣橱(电商实战项目)](https://github.com/EasyTuan/taro-msparis)\n- 💯 [基于 Taro + Taro-ui + dva 开发的公益 App](https://github.com/hugetiny/quit-smoking)\n- 💯 [github 上能找到的 taro 适配 Android、iOS、微信小程序、H5 最佳实践项目脚手架](https://github.com/bozaigao/Taro-demo)\n- [Taro 掘金小册源码](https://github.com/o2team/taro-ebook-source)\n- [基于 taro + dva 开发的音乐播放器小程序](https://github.com/huangzhuangjia/taro-music)\n- [Taro + Taro-UI GitHub 小程序客户端 Gitter 源码](https://github.com/huangjianke/Gitter)\n- [基于 Taro + dva + Taro-ui + Typescript 开发的网易云音乐小程序](https://github.com/abc-club/taro-music-ts)\n\n## 第三方库和组件\n\n- [f2 图表封装 兼容 H5 和微信小程序](https://github.com/xioxin/taro-f2)（Taro 1.x）\n- [echarts 图表封装](https://github.com/WsmDyj/echarts-for-taro)（Taro 1.x）\n- [taro-plugin-canvas - 基于 Taro 的小程序海报组件](https://github.com/chuyun/taro-plugin-canvas)(Taro 3.x)\n- [taro-bdmark - 基于 Taro 的百度小程序 md 解析器](https://github.com/guozimo/taro-bdMark)（Taro 1.x）\n- [Mounted - 一款基于 Taro 的小程序组件库](https://github.com/fjc0k/mounted)（Taro 1.x）\n- [taro-axios - 在 Taro 中使用 axios](https://github.com/fjc0k/taro-axios)（Taro 1.x；2.x;3.x）\n- [TaroCreator - 基于Taro UI的小程序可视化设计工具](https://github.com/mpfast/TaroCreator)（Taro 2.x）\n- [taro-luck-draw - 🍧🍧🍧 基于 taro 的【大转盘 / 九宫格】抽奖插件](https://github.com/LuckDraw/taro-luck-draw)（Taro 3.x）\n- [tarojs-router-next - Taro 路由库/自动生成/任意传参/同步的路由方法调用/路由中间件](https://github.com/lblblong/tarojs-router-next)（Taro 3.x）\n- [Taroify UI - 使用 Vant 相同的视觉规范的 Taro 组件库](https://taroify.gitee.io/taroify.com/introduce/)（Taro 3.x）\n- [taro-hooks 为Taro而设计的Hooks Library](https://github.com/innocces/taro-hooks)（Taro 3.x）\n- [taro-visualization Taro 可视化库（charts、3d、Lottie等）](https://github.com/wuba/taro-visualization)（Taro 3.x）\n- [taro-svga Taro 使用svga动画库（资源体积更小、更高效、跨平台），支持weapp、h5 、tt、rn](https://github.com/wukongyang/taro-svga)（Taro 3.x）\n- [taro-code-creator Taro 条形码、二维码生成器，全平台支持](https://github.com/wukongyang/taro-code-creator)（Taro 3.x）\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/jd-opensource%2Fawesome-taro/projects"}