微信小程序开发资源汇总

本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一篇关于如何学习微信小程序的入门指南，也非参考手册，只是一些资料的整理。 本仓库中的资料整理自网络，也有一些来自网友推荐。在这里可以看到项目贡献者的完整名单。 如果这个仓库对你有帮助，欢迎 star。如果这个仓库帮你提升了技能找到了工作，可以请我喝杯咖啡：

本 README 由 data/resources.yaml 自动生成。请不要手工编辑资源列表。

QQ交流群

• 微信小程序1号群：593495800 （已满）
• 微信小程序2号群：578063690
• 微信小程序3号群：682463867

目录

• 官方文档
• 工具
• 插件
• 组件
• 后端SDK组件
• Demo

数据维护

• 资源数据源：data/resources.yaml
• 搜索页：public/index.html
• API：public/api/resources.json
• 本地校验：npm run check

置顶

• WePY：组件化的小程序开发框架 :100:
• WePY 开发资源汇总 :100:

官方文档

• 小程序设计指南 - 微信小程序官方设计规范与体验指南
• 小程序开发教程 - 微信小程序官方开发教程与基础框架说明
• 小程序框架 - 微信小程序 MINA 框架官方说明
• 小程序组件 - 微信小程序官方组件文档
• 小程序 API - 微信小程序官方 API 文档
• 小程序开发者工具 - 微信开发者工具官方文档

↑ 返回目录 ↑

工具

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

↑ 返回目录 ↑

插件

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

↑ 返回目录 ↑

组件

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

↑ 返回目录 ↑

后端SDK组件

• weixin-popular - 微信SDK JAVA (公众平台、开放平台、 商户平台、 服务商平台)
• WxJava - 微信开发 Java SDK ，支持包括微信支付，开放平台，小程序，企业微信，视频号，公众号等的后端开发

↑ 返回目录 ↑

Demo

可以直接运行成功

• RebeccaHanjw/weapp-wechat-zhihu ★800+ - 仿知乎
• imageslr/weapp-library ★500+ - 在线借书平台（30+页面/组件化/Mock Server/云开发）
• imageslr/taro-library ★150+ - Taro + Redux + 本地 Mock Server 小程序示例项目
• wyq2214368/remove-water-mark-mp - 🔥短视频去水印小程序（含服务端）
• deepkolos/three-platformize-demo-wechat - 微信小程序 THREE 包含16个loader测试demo
• deepkolos/wxmp-tensorflow - 微信小程序下运行最新TensorFlowJS的解决方案
• realyao/Focus-clock ★100+ - ✅时间管理小程序：专注时钟（集成时间管理、目标计划、Todo待办、白噪声。易部署 适合新手学习入门）
• mark420524/photo - 证件照小程序
• jinganix/guess - 猜我是谁小程序，包含前后端代码
• WYQilin/aigallery - 🔥「奇绘图册」AI绘画、摄影作品管理小程序（含服务端，支持一键部署）

数据接口有问题

• EastWorld/wechat-app-mall ★3000+ - 微信小程序商城
• [tumobi/nideshop-mini-program ★2000+](ht