微信小程序开发资源汇总

<h1 align="center">微信小程序开发资源汇总</h1> 本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一篇关于如何学习微信小程序的入门指南，也非参考手册，只是一些资料的整理。 本仓库中的资料整理自网络，也有一些来自网友的推荐。在[这里](https://github.com/justjavac/awesome-wechat-weapp/graphs/contributors)可以看到项目贡献者的完整名单。 如果这个仓库对你有帮助，欢迎 star。如果这个仓库帮你提升了技能找到了工作，可以请我喝杯咖啡： <p align="center"><img src="https://dl.deno.js.cn/buy-me-a-coffee-wechat.png" width="320" height="320" alt="" /></p> ## QQ交流群 - [微信小程序1号群](https://jq.qq.com/?_wv=1027&k=5vqgNd0)：593495800 （已满） - [微信小程序2号群](https://jq.qq.com/?_wv=1027&k=51d5Ckf)：578063690 - [微信小程序3号群](https://jq.qq.com/?_wv=1027&k=5pNiKHt)：682463867 ## 目录 - [官方文档](#官方文档) - [工具](#工具) - [插件](#插件) - [组件](#组件) - [Demo](#demo) ## 置顶 - [WePY：组件化的小程序开发框架](https://github.com/Tencent/wepy) :100: - [WePY 开发资源汇总](https://github.com/aben1188/awesome-wepy) :100: ## 官方文档 - [小程序设计指南](https://developers.weixin.qq.com/miniprogram/design/index.html) - [小程序开发教程](https://developers.weixin.qq.com/miniprogram/dev/framework/) - [小程序框架](https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html) - [小程序组件](https://developers.weixin.qq.com/miniprogram/dev/component/) - [小程序 API](https://developers.weixin.qq.com/miniprogram/dev/api/) - [小程序开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html) [↑ 返回目录 ↑](#目录) ## 工具 - [uni-app ★36.1k+](https://github.com/dcloudio/uni-app) - 使用 Vue 语法开发小程序、H5、App的统一框架 - [Taro ★30.6k+](https://github.com/NervJS/taro) - 使用 React 的方式开发小程序的框架，同时支持生成多端应用 - [WePY ★21.7k+](https://github.com/Tencent/wepy) - 支持组件化的小程序开发框架 - [mpvue ★20.4k+](https://github.com/Meituan-Dianping/mpvue) - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 - [chameleon ★8.6k+](https://github.com/didi/chameleon) - 一套代码运行多端，一端所见即多端所见 - [kbone ★4.2k+](https://github.com/wechat-miniprogram/kbone) - Web 与小程序同构解决方案 - [Remax ★4.2k+](https://github.com/remaxjs/remax) - 使用真正的 React 构建小程序 - [wept ★2.3k](https://github.com/chemzqm/wept) - 微信小程序实时运行环境 - [wechat_web_devtools ★2.3k+](https://github.com/cytle/wechat_web_devtools) - Linux 下微信开发者工具 - [wafer ★2.1k](https://github.com/tencentyun/wafer) - 快速构建具备弹性能力的微信小程序 - [MPX ★2.1k+](https://github.com/didi/mpx) - 增强型小程序框架，深度性能优化，支持跨小程序平台开发，完全兼容原生小程序组件 - [Labrador ★1.7k](https://github.com/maichong/labrador) - 支持 ES6/7 的微信小程序组件化开发框架 - [licia ★1.7k](https://github.com/liriliri/licia) - 支持小程序的 JS 工具库 - [megalo ★1.6k](https://github.com/kaola-fed/megalo) - 基于 Vue 的小程序开发框架 - [CloudBase Framework ★1.1k](https://github.com/Tencent/cloudbase-framework) - 腾讯云开发开源一键部署工具，支持部署小程序及云开发应用 - [tina ★1k+](https://github.com/tinajs/tina) - 轻巧的渐进式微信小程序框架 - [minapp ★800+](https://github.com/qiu8310/minapp) - TypeScript 版小程序开发框架（兼容原生小程序代码） - [Okam ★300+](https://github.com/ecomfe/okam) - 使用类 Vue 方式开发小程序的渐进增强框架，支持生成微信/百度等主流平台的小程序 - [xpmjs ★100+](https://github.com/xpmjs/xpmjs) - 微信小程序云端增强 SDK - [WeApp-Workflow ★100+](https://github.com/Jeff2Ma/WeApp-Workflow) - 基于 Gulp 的微信小程序前端开发工作流 - [weapp-tailwindcss-webpack-plugin ★100+](https://github.com/sonofmagic/weapp-tailwindcss-webpack-plugin) - 在小程序里使用 TailwindCSS 吧 - [gulp-wxa-copy-npm](https://github.com/mdsb100/gulp-wxa-copy-npm) - 微信小程序 gulp 插件，解决 npm 包管理和 babel-runtime - [weact](https://github.com/haojy/weact) - 用 JSX 快速开发小程序 - [socket.io-mp-client](https://github.com/cytle/socket.io-mp-client) - 微信小程序 socket.io 客户端 - [@wxa](https://wxajs.github.io/wxa/) - AOP小程序开发框架 - [postcss-pxtorpx-pro](https://github.com/Genuifx/postcss-pxtorpx-pro) - postcss px 转 rpx 插件 - [px2rpx](https://github.com/allanguys/px2rpx) - Px 转 Rpx 在线工具 - [wxml-parser](https://github.com/seanlong/wxml-parser) - JavaScript WXML parser - [@wxml/parser, @wxml/traverse, @wxml/generator](https://github.com/wxmlfile) - WXML babel like AST interpreter - [weappx](https://github.com/tolerance-go/weappx) - 基于 redux 的数据层管理框架 - [weapp-start](https://github.com/tolerance-go/weapp-start) - 基于插件机制的开发脚手架，改善原生小程序开发体验 - [Egret Wing](http://developer.egret.com/cn/github/egret-docs/Wing/update/update320/index.html) - 支持微信小程序实时预览的 IDE - [wxapp-graphql](https://github.com/Authing/wxapp-graphql) - 小程序 GraphQL 客户端 - [gulp-wxapp-boilerplate](https://github.com/ksky521/gulp-wxapp-boilerplate) - 小程序+小程序云 Gulp 开发脚手架，支持云函数 mock - [wenaox](https://github.com/cnyballk/wenaox) - 小程序数据层管理 ，轻量性能好，支持中间件 - [authing-wxapp-sdk](https://github.com/Authing/authing-wxapp-sdk) - 身份认证 for 微信小程序 - [weapp-eslint-boilerplate](https://github.com/CoolRice/weapp-eslint-boilerplate) - 微信小程序 Eslint 通用模板文件，节省自己配置的时间 - [Anka](https://iexception.github.io/anka-doc/book/index.html) - 渐进式小程序开发工具集，提供通用的开发函数库及组件 - [WeAppBunXin](https://github.com/BakerJQ/WeAppBunXin) - 微信小程序开发之影分身术，一套代码生成多个小程序 - [miniprogram-build](https://github.com/NewFuture/miniprogram-build) - 小程序命令行编译工具(支持typescript,原生npm,资源文件压缩...) - [wcc.js](https://github.com/caijw/wcc.js) - wcc.js 是wxml文件和wxs文件编译器的nodejs实现 - [wcsc.js](https://github.com/caijw/wcsc.js) - wcsc.js 是wxss文件编译器的nodejs实现 - [weapp-gulp](https://github.com/sunnie1992/weapp-gulp) - Gulp高效构建微信小程序，让开发变得更简单 - [cheers-mp](https://github.com/bigmeow/cheers-mp) - Almost零配置微信原生小程序脚手架，vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版) - [we-mobx](https://github.com/cicec/we-mobx) - 在微信小程序中使用 MobX - [weconsole](https://github.com/weimobGroup/WeConsole) - 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板 - [wechat-web-devtools-linux](https://github.com/msojocs/wechat-web-devtools-linux) - Linux 下微信开发者工具 - [rubic](https://github.com/jaskang/rubic) - 基于 Vue3 的小程序开发框架，在小程序中使用 Composition API [↑ 返回目录 ↑](#目录) ## 插件 - [wxapp.vim](https://github.com/chemzqm/wxapp.vim) - 提供微信小程序开发全方位支持的 vim 插件 - [weapp-snippet-for-sublime-text-2-3](https://github.com/Abbotton/weapp-snippet-for-sublime-text-2-3) - 为 sublime text 2&3 准备的微信小程序 snippet(停更) - [Matchmaker](https://github.com/lypeer/Matchmaker) - IntelliJ IDEA 插件，注入方法 - [wechatCode-complete](https://github.com/qbright/wechatCode-complete) - webstorm 插件（代�