微信小程序开发资源汇总

本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一篇关于如何学习微信小程序的入门指南，也非参考手册，只是一些资料的整理。

# 目录

官方文档
工具
插件
组件
Demo

# 置顶

# 官方文档

# 工具

uni-app ★36.1k+ (opens new window) - 使用 Vue 语法开发小程序、H5、App的统一框架
Taro ★30.6k+ (opens new window) - 使用 React 的方式开发小程序的框架，同时支持生成多端应用
WePY ★21.7k+ (opens new window) - 支持组件化的小程序开发框架
mpvue ★20.4k+ (opens new window) - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系
chameleon ★8.6k+ (opens new window) - 一套代码运行多端，一端所见即多端所见
kbone ★4.2k+ (opens new window) - Web 与小程序同构解决方案
Remax ★4.2k+ (opens new window) - 使用真正的 React 构建小程序
wept ★2.3k (opens new window) - 微信小程序实时运行环境
wechat_web_devtools ★2.3k+ (opens new window) - Linux 下微信开发者工具
wafer ★2.1k (opens new window) - 快速构建具备弹性能力的微信小程序
MPX ★2.1k+ (opens new window) - 增强型小程序框架，深度性能优化，支持跨小程序平台开发，完全兼容原生小程序组件
Labrador ★1.7k (opens new window) - 支持 ES6/7 的微信小程序组件化开发框架
licia ★1.7k (opens new window) - 支持小程序的 JS 工具库
megalo ★1.6k (opens new window) - 基于 Vue 的小程序开发框架
CloudBase Framework ★1.1k (opens new window) - 腾讯云开发开源一键部署工具，支持部署小程序及云开发应用
tina ★1k+ (opens new window) - 轻巧的渐进式微信小程序框架
minapp ★800+ (opens new window) - TypeScript 版小程序开发框架（兼容原生小程序代码）
Okam ★300+ (opens new window) - 使用类 Vue 方式开发小程序的渐进增强框架，支持生成微信/百度等主流平台的小程序
xpmjs ★100+ (opens new window) - 微信小程序云端增强 SDK
WeApp-Workflow ★100+ (opens new window) - 基于 Gulp 的微信小程序前端开发工作流
weapp-tailwindcss-webpack-plugin ★100+ (opens new window) - 在小程序里使用 TailwindCSS 吧
gulp-wxa-copy-npm (opens new window) - 微信小程序 gulp 插件，解决 npm 包管理和 babel-runtime
weact (opens new window) - 用 JSX 快速开发小程序
socket.io-mp-client (opens new window) - 微信小程序 socket.io 客户端
@wxa (opens new window) - AOP小程序开发框架
postcss-pxtorpx-pro (opens new window) - postcss px 转 rpx 插件
px2rpx (opens new window) - Px 转 Rpx 在线工具
wxml-parser (opens new window) - JavaScript WXML parser
@wxml/parser, @wxml/traverse, @wxml/generator (opens new window) - WXML babel like AST interpreter
weappx (opens new window) - 基于 redux 的数据层管理框架
weapp-start (opens new window) - 基于插件机制的开发脚手架，改善原生小程序开发体验
Egret Wing (opens new window) - 支持微信小程序实时预览的 IDE
wxapp-graphql (opens new window) - 小程序 GraphQL 客户端
gulp-wxapp-boilerplate (opens new window) - 小程序+小程序云 Gulp 开发脚手架，支持云函数 mock
wenaox (opens new window) - 小程序数据层管理，轻量性能好，支持中间件
authing-wxapp-sdk (opens new window) - 身份认证 for 微信小程序
weapp-eslint-boilerplate (opens new window) - 微信小程序 Eslint 通用模板文件，节省自己配置的时间
Anka (opens new window) - 渐进式小程序开发工具集，提供通用的开发函数库及组件
WeAppBunXin (opens new window) - 微信小程序开发之影分身术，一套代码生成多个小程序
miniprogram-build (opens new window) - 小程序命令行编译工具(支持typescript,原生npm,资源文件压缩...)
wcc.js (opens new window) - wcc.js 是wxml文件和wxs文件编译器的nodejs实现
wcsc.js (opens new window) - wcsc.js 是wxss文件编译器的nodejs实现
weapp-gulp (opens new window) - Gulp高效构建微信小程序，让开发变得更简单
cheers-mp (opens new window) - Almost零配置微信原生小程序脚手架，vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版)
we-mobx (opens new window) - 在微信小程序中使用 MobX
weconsole (opens new window) - 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板
wechat-web-devtools-linux (opens new window) - Linux 下微信开发者工具
rubic (opens new window) - 基于 Vue3 的小程序开发框架，在小程序中使用 Composition API

# 插件

wxapp.vim (opens new window) - 提供微信小程序开发全方位支持的 vim 插件
weapp-snippet-for-sublime-text-2-3 (opens new window) - 为 sublime text 2&3 准备的微信小程序 snippet(停更)
Matchmaker (opens new window) - IntelliJ IDEA 插件，注入方法
wechatCode-complete (opens new window) - webstorm 插件（代码提示）
wxapp (opens new window) - sublime plugin
minapp (opens new window) - vscode 插件（支持原生/mpvue/wepy 框架）
vscode 插件(代码提示) (opens new window)\
vscode-live-sass-compiler (opens new window) - vscode插件根据.scss文件自动生成wxss文件
WePY Plugin For IntelliJ Platform (opens new window) - 让PhpStorm/WebStorm全面支持WePY的开发，包括API(原生/WePY)和组件(官方/自定义)的自动完成/错误检查/高亮/不依赖Vue/...
wxml (opens new window) - vscode插件--微信小程序格式化以及高亮组件(高度自定义)
wux-weapp-snippets (opens new window) - Wux Weapp Snippets for VS Code.
wux-weapp-atom-snippets (opens new window) - Wux Weapp Snippets for Atom.
wux-weapp-sublime-snippets (opens new window) - Wux Weapp Snippets Plugin for Sublime Text 2/3.

# 组件

weui-wxss ★12.4K+ (opens new window) - 同微信原生视觉体验一致的基础样式库
vant-weapp ★12.3k+ (opens new window) - 高颜值、好用、易扩展的微信小程序 UI 库
wxParse ★7.2K+ (opens new window) - 微信小程序富文本解析自定义组件，支持 HTML 及 markdown 解析
mp-html ★1.4K+ (opens new window) - 小程序富文本组件，支持渲染和编辑 html，支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用
iview-weapp ★5.5k+ (opens new window) - 一套高质量的微信小程序 UI 组件库
wux-weapp ★4.2k+ (opens new window) - 一套组件化、可复用、易扩展的微信小程序 UI 组件库
wx-charts ★4.1k+ (opens new window) - 微信小程序图表 charts 组件
Lin UI ★2k+ (opens new window) - 一套设计优良、基于原生微信小程序语法的 UI 组件库
wemark ★1.100+ (opens new window) - 微信小程序 Markdown 渲染库
image-cropper ★900+ (opens new window) - 💯微信小程序图片裁剪组件
wxapp-img-loader ★400+ (opens new window) - 微信小程序图片预加载组件
we-cropper ★400+ (opens new window) - 微信小程序图片裁剪工具
wxa-plugin-canvas ★300+ (opens new window) - 微信小程序朋友圈海报生成组件
WeZRender ★300+ (opens new window) - 微信小程序 Canvas 开发
wx_calendar ★300+ (opens new window) - 小程序日历
wxapp ★300+ (opens new window) - 微信小程序组件
Wa-UI ★200+ (opens new window) - 针对微信小程序整合的一套 UI 库
wxSearch ★200+ (opens new window) - 微信小程序优雅的搜索框
wx-scrollable-tab-view ★200+ (opens new window) - 小程序可滑动得 tab-view
wetoast ★100+ (opens new window) - 微信小程序 toast 增强插件
wx-alphabetical-listview ★100+ (opens new window) - 微信小程序带字母滑动的 listview
wx-drawer ★100+ (opens new window) - 小程序模仿 QQ6.0 侧滑菜单
wxapp-charts ★100+ (opens new window) - 微信小程序图表 charts 组件
chartjs-wechat-mini-app ★100+ (opens new window) - chartjs 微信小程序适配
wx-promise-request ★100+ (opens new window) - 微信小程序请求队列管理库
we-swiper ★100+ (opens new window) - 微信小程序触摸内容滑动解决方案
wxDraw ★100+ (opens new window) - 微信小程序 2D 动画库
citySelect ★100+ (opens new window) ★42 - 微信小程序城市选择器
weapp-cookie ★100+ (opens new window) - 一行代码让微信小程序支持 cookie 🍪🚀
WeiXinProject (opens new window) - 微信小程序列表上拉刷新和上拉加载
wepy-com-charts (opens new window) - 微信小程序 wepy 图表控件
wxapp-lock (opens new window) - 微信小程序手势解锁
mini-gesture-lock (opens new window) - 微信小程序手势解锁(无Android Canvas卡顿问题)
weapp.socket.io ★500+ (opens new window) - socket.io 风格的 websocket 类库
weapp-polyfill (opens new window) - [w3c 标准 API polyfill
wx-promise-pro ★666+ (opens new window) - 微信小程序 Promise 库
wxMD5 (opens new window) - 微信小程序 MD5 库
wxBase64 (opens new window) - 微信小程序base64 库
xing-weapp-component (opens new window) - 微信小程序基础组件扩展
wx-statuslayout (opens new window) - 小程序页面状态切换组件
minapp-api-promise (opens new window) - 微信小程序所有 API promise 化
minapp-slider-left (opens new window) - 微信小程序左划删除组件
mp_canvas_drawer (opens new window) - canvas绘制图片助手，一个json就制作分享朋友圈图片
xing-weapp-editor (opens new window) - 小程序图文编辑组件
cue (opens new window) - A WX Compontent Tools
wuss-weapp (opens new window) - 一款高质量，组件齐全，高自定义的微信小程序UI组件库
miniprogram-datepicker (opens new window) - 小程序日期选择器（支持农历）
wx-api-promisify (opens new window) - 优雅地将微信小程序API Promise化
anka-brush (opens new window) - 一款为简化小程序里canvas画图操作而创建的工具库
anka-tracker (opens new window) - 小程序打点库，用于统计用户行为数据
mpvue-calendar (opens new window) - 微信小程序/浏览器端的日历组件mpvue-calendar；基于mpvue平台支持农历、按周切换、可自定义。
mp-swipe-card (opens new window) - 小程序卡片滑动组件,类似探探的效果，貌似现在只支持左右滑动
weapp.request (opens new window) - 为微信小程序提供的网络请求组件，是 wx.request 的扩展，基于 Promise API，添加缓存控制。
miniprogram-network (opens new window) - Redefine the Network API of MiniProgram(小程序网络请求库)
we-validator (opens new window) - 简单灵活的表单验证插件，支持小程序、浏览器以及Nodejs端使用。
wx-pulltorefresh-view (opens new window) - 简单灵活的下拉上拉刷新组件，支持微信小程序
sol-weapp ★300+ (opens new window) -微信小程序营销组件:红包雨、大转盘等营销组件
weapp-input-frame (opens new window) - 微信小程序验证码输入框组件
we-debug (opens new window) - 一款灵活、易于拓展的微信小程序调试工具
weapp-qrcode (opens new window) - 微信小程序生成二维码工具
cheers-mp-router (opens new window) - 🚦精巧强大的小程序原生路由
wx-updata (opens new window) - 微信小程序官方 setData 替代品，只修改 data 中你希望修改的部分 ✈️
three-platformize (opens new window) - 一个让 THREE 平台化的项目，已适配微信、淘宝、头条小程序

# Demo

# 可以直接运行成功

RebeccaHanjw/weapp-wechat-zhihu ★800+ (opens new window) - 仿知乎
imageslr/weapp-library ★500+ (opens new window) - 在线借书平台（30+页面/组件化/Mock Server/云开发）
imageslr/taro-library ★150+ (opens new window) - Taro + Redux + 本地 Mock Server 小程序示例项目
wyq2214368/remove-water-mark-mp (opens new window) - 🔥短视频去水印小程序（含服务端 (opens new window)）
deepkolos/three-platformize-demo-wechat (opens new window) - 微信小程序 THREE 包含16个loader测试demo
deepkolos/wxmp-tensorflow (opens new window) - 微信小程序下运行最新TensorFlowJS的解决方案
xtanyu/parsing-mini (opens new window) - 短视频去水印小程序（含Java版本服务端 (opens new window)）
realyao/Focus-clock ★100+ (opens new window) - ✅时间管理小程序：专注时钟（集成时间管理、目标计划、Todo待办、白噪声。易部署适合新手学习入门）
mark420524/photo (opens new window) - 证件照小程序
xtanyu/bookkeeping (opens new window) - 打牌记账

# 数据接口有问题

EastWorld/wechat-app-mall ★3000+ (opens new window) - 微信小程序商城
tumobi/nideshop-mini-program ★2000+ (opens new window) - 基于 Node.js + MySQL 开发的开源微信小程序商城
huangjianke/Gitter ★700+ (opens new window) - Gitter for GitHub - 可能是目前颜值最高的GitHub小程序客户端
lypeer/wechat-weapp-gank ★600+) (opens new window) - Gank 客户端
wangmingjob/weapp-weipiao ★300+ (opens new window) - 微票
charleyw/wechat-weapp-redux ★300+ (opens new window) - Redux 绑定库
jectychen/wechat-v2ex ★300+) (opens new window) - V2EX
18380435477/WeApp ★300+ (opens new window) - 仿微信
zce/weapp-boilerplate ★300+ (opens new window) - 微信小程序快速开发骨架
bayetech/wechat_mall_applet ★300+ (opens new window) - 电商平台
lanshan-studio/wecqupt ★300+ (opens new window) - We 重邮
myronliu347/wechat-app-zhihudaily ★200+ (opens new window) - 知乎日报
harveyqing/BearDiary ★200+ (opens new window) - 小熊の日记
leancloud/leantodo-weapp ★200+ (opens new window) - 集成 LeanCloud 实现的 Todo list
SuperKieran/weapp-artand ★200+ (opens new window) - Artand
dongweiming/weapp-zhihulive ★200+ (opens new window) - 知乎 Live
eyasliu/wechat-app-music ★200+ (opens new window) - 音乐播放器
ahonn/weapp-one ★200+ (opens new window) - 仿 ONE
giscafer/wechat-weapp-mapdemo ★200+ (opens new window) - 地图导航、marker标注（不再维护）
yaoshanliang/weapp-ssha ★200+ (opens new window) - 企业宣传小程序
hilongjw/weapp-gold ★100+ (opens new window) - 掘金主页信息流
zce/weapp-douban ★100+ (opens new window) - 豆瓣电影
hingsir/weapp-douban-film ★100+ (opens new window) - 豆瓣电影
kunkun12/weapp (opens new window) - 小程序 hello world 尝鲜
natee/wxapp-2048 ★100+ (opens new window) - 2048 小游戏
SeptemberMaples/wechat-weapp-demo ★100+ (opens new window) - 购物车
hijiangtao/weapp-newsapp (opens new window) - 公众号热门文章信息流
charleyw/wechat-weapp-redux-todos ★100+ (opens new window) - 集成 Redux 实现的Todo list
kraaas/timer ★100+ (opens new window) - 番茄时钟
ericzyh/wechat-chat ★100+ (opens new window) - 聊天室
BelinChung/wxapp-hiapp ★100+ (opens new window) - HiApp
hardog/wechat-app-flexlayout ★100+ (opens new window) - flexlayout
dunizb/wxapp-sCalc ★100+ (opens new window) - 简易计算器
litt1e-p/weapp-girls ★100+ (opens new window) - 豆瓣美女/妹子图
liumulin614/BeautifulGirl (opens new window) - 美女模特
romoo/weapp-demo-breadtrip ★100+ (opens new window) - 面包旅行
zhuweiyou/fetop100 ★100+ (opens new window) - 前端TOP100
vace/wechatapp-news-reader ★100+ (opens new window) - 新闻阅读器
yaoshanliang/weapp-jump ★100+ (opens new window) - 跳一跳
yaoshanliang/weapp-monument-valley ★100+ (opens new window) - 纪念碑谷
YYJeffrey/july_client ★100+ (opens new window) - 七月（一款社交小程序，集内容发布、动态分享、点赞评论、互动聊天等功能）
Symous/WechatApp-BaisiSister (opens new window) - 百思不得姐
githinkcn/Giteer (opens new window) - Giteer For 码云，基于Taro + Taro UI + Dva的小程序。
DengKe1994/weapp-calculator (opens new window) - IOS 计算器
monkindey/wx-github (opens new window) - GitHub 简历
fluency03/weapp-500px (opens new window) - 国外摄影社区 500px
weapp-film (opens new window) - 淘票票
xujinyang/CoderCalendar-WeApp (opens new window) - 程序员老黄历
zhengxiaowai/weapp-github (opens new window) - github
Seahub/PigRaising (opens new window) - PigRaising
brucevanfdm/WeChatMeiZhi (opens new window) - 妹子图
uniquexiaobai/wechat-app-githubfeed (opens new window) - GitHubFeed
zce/weapp-todos (opens new window) - TODOS 任务清单
bruintong/wechat-webapp-douban-movie (opens new window) - 豆瓣电影
bruintong/wechat-webapp-douban-location (opens new window) - 豆瓣同城
arkilis/weapp-jandan (opens new window) - 煎蛋
bodekjan/wechat-weather (opens new window) - 微信天气
jasscia/ChristmasHat (opens new window) - 我要圣诞帽
nanwangjkl/sliding_puzzle (opens new window) - 滑块拼图
kaiwu/weui-scalajs (opens new window) - 使用Scala.js开发
tinajs/tina-hackernews (opens new window) - Hacker News 热点
mohuishou/scuplus-wechat (opens new window) - We 川大
hankzhuo/wx-v2ex (opens new window) - v2ex
Hongye567/weapp-mark (opens new window) - 仿 Mark 影单的微信小程序
w1109790800/We-Todo (opens new window) - 基于LeanCloud的Todo-List
jae-jae/weapp-github-trending (opens new window) - Github今日榜单
steedos/mini-vip (opens new window) - 华炎微站、微商城
alex1504/wx-guita_tab (opens new window) - 口袋吉他
lonnng/etym (opens new window) - 芒果词源助手
wuhou123/wxxcx (opens new window) - 武侯的猫，基于wepy构建,整合了n多查询工具（快递，天气，记账，搞笑视频等）
upupming/HITMers (opens new window) - 博物馆小助手（统计值班表、签到、值班日历及备忘录、国际化、Streamable.com 视频上传等）
LDouble/WeOUC (opens new window) - WeOUC(教务小程序)
Airmole/ShellBox (opens new window) - 贝壳小盒子（校园教务信息查询类工具，获2019高校小程序开发大赛华北区二等奖）
aquanlerou/WeHalo ★200+ (opens new window) - 爱敲代码的猫（WeHalo 简约风的微信小程序版博客✨）
WarpPrism/SubwayRoutineMP (opens new window) - 【东京首尔曼谷新加坡巴黎地铁线路图🚄】
GoKu-gaga/today (opens new window) - 口袋工具（一个小工具的集合）
cy920820/weapp-motor-movies (opens new window) - 马达电影助手（一个院线电影小助手）
Gwokhov/chronus (opens new window) - Chronus 目标日记（一款能帮助你管理生活目标的云开发微信小程序）
imliubo/Wechat_MQTT_ESP8266_BaiduIoT (opens new window) - 微信智能小管家 (使用微信小程序控制你的硬件设备)
yuzexia/iw3cplus (opens new window) - 前端社区www.w3cplus.com (opens new window)的微信小程序
RAOE/show-videos (opens new window) - 秀视频（微信小程序短视频社交软件，视频上传，音视频合成，评论，点赞，转发，分享等）
NewFuture/miniprogram-template (opens new window) - 原生API纯TypeScript开发小程序(VSCode as IDE)与完整开发流程
ZhuPeng/mp-githubtrending (opens new window) - 以 Feed 流形式查看 GitHub Trending 仓库集合的工具
yociduo/scrum-planning-poker (opens new window) - Scrum敏捷估算,基于wepy构建
kilakila-heart/fuliba-front (opens new window) - 信息流福利吧小程序
lsqy/taro-music (opens new window) - 🎉基于taro + taro-ui + redux + typescript 开发的网易云音乐小程序
仿喜马拉雅lite (opens new window) - 微信小程序原生开发的仿喜马拉雅小程序（极度适合新手入门）
branliang/game-stop-app (opens new window) - PSN降价了（一个可以订阅PS4游戏价格的工具）
wk989898/wxchat-mail (opens new window) - 仿Gmail邮箱的微信小程序
AnsonZnl/bookshelf (opens new window) - 🎉基于云开发的书架小程序（附教程）🎉
arleyGuoLei/wx-words-pk ★100+ (opens new window) - 🔥2020 云开发实现单词对战小程序（随机匹配、人机对战、好友对战），专业UI
arleyGuoLei/wechat-1password (opens new window) - 🐂🍺有本密码，云开发实现的AES加密密码本，支持指纹、人脸，UI简约大方
wilhantian/periodic-table (opens new window) - 💎精致的元素周期表小程序
terryso/super9 (opens new window) - 🔥抖音一键去水印小程序: Taro + 微信云开发
redhat123456/upPhysicalExercise (opens new window) - 🚀up体能训练小程序(健身训练、观看视频、制定计划于一身的综合小程序)
redhat123456/Tanger_query (opens new window) - 🌈查询小程序(查询各种各样的信息的小程序)
mark420524/question (opens new window) - 学习答题小程序，诗词歌赋小工具-早晚答小程序
Chadwuo/li-ji-weapp (opens new window) - 🔥记录和管理人情来往，给你方便快捷的人情记账体验！专业又懂你的人情记账软件，共享记账，全家人共享账本
mark420524/guess (opens new window) - 看图猜成语微信小程序

编辑

#微信小程序开发

上次更新: 2023/12/25, 8:12:00