awesome wechat weapp

微信小程序開發資源匯總

本文收集了微信小程序開發過程中會使用到的資料、問題以及第三方組件庫。本文不是一篇關於如何學習微信小程序的入門指南，也非參考手冊，只是一些資料的整理。

本倉庫中的資料整理自網絡，也有一些來自網友的推薦。在這裡可以看到項目貢獻者的完整名單。

如果這個倉庫對你有幫助，歡迎star。如果這個倉庫幫你提升了技能找到了工作，可以請我喝杯咖啡：

QQ交流群

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

目錄

• 官方文檔
• 工具
• 插件
• 組件
• Demo

置頂

• WePY：組件化的小程序開發框架?
• WePY 開發資源匯總?

官方文檔

• 小程序設計指南
• 小程序開發教程
• 小程序框架
• 小程序組件
• 小程序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 客戶端
• @wxa - AOP小程序開發框架
• 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 - 基於插件機制的開發腳手架，改善原生小程序開發體驗
• Egret Wing - 支持微信小程序實時預覽的IDE
• wxapp-graphql - 小程序GraphQL 客戶端
• gulp-wxapp-boilerplate - 小程序+小程序云Gulp 開發腳手架，支持雲函數mock
• wenaox - 小程序數據層管理，輕量性能好，支持中間件
• authing-wxapp-sdk - 身份認證for 微信小程序
• weapp-eslint-boilerplate - 微信小程序Eslint 通用模板文件，節省自己配置的時間
• Anka - 漸進式小程序開發工具集，提供通用的開發函數庫及組件
• WeAppBunXin - 微信小程序開發之影分身術，一套代碼生成多個小程序
• miniprogram-build - 小程序命令行編譯工具(支持typescript,原生npm,資源文件壓縮...)
• wcc.js - wcc.js 是wxml文件和wxs文件編譯器的nodejs實現
• wcsc.js - wcsc.js 是wxss文件編譯器的nodejs實現
• weapp-gulp - Gulp高效構建微信小程序，讓開髮變得更簡單
• cheers-mp - Almost零配置微信原生小程序腳手架，vue-cli般的體驗~(ts、less、原生npm、雲OSS、CI自動發布體驗版)
• we-mobx - 在微信小程序中使用MobX
• weconsole - 功能全面、界面與體驗對標Chrome devtools 的可定制化的小程序開發調試面板
• wechat-web-devtools-linux - Linux 下微信開發者工具
• rubic - 基於Vue3 的小程序開發框架，在小程序中使用Composition API

↑ 返回目錄↑

插件

• 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 插件(代碼提示)
• 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 組件庫
• 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 平台化的項目，已適配微信、淘寶、頭條小程序

↑ 返回目錄↑

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的解決方案
• xtanyu/parsing-mini - 短視頻去水印小程序（含Java版本服務端）
• realyao/Focus-clock ★100+ - ✅時間管理小程序：專注時鐘（集成時間管理、目標計劃、Todo待辦、白噪聲。易部署適合新手學習入門）
• mark420524/photo - 證件照小程序
• xtanyu/bookkeeping - 打牌記賬
• jinganix/guess - 猜我是誰小程序，包含前後端代碼

數據接口有問題

• EastWorld/wechat-app-mall ★3000+ - 微信小程序商城
• tumobi/nideshop-mini-program ★2000+ - 基於Node.js + MySQL 開發的開源微信小程序商城
• huangjianke/Gitter ★700+ - Gitter for GitHub - 可能是目前顏值最高的GitHub小程序客戶端
• lypeer/wechat-weapp-gank ★600+) - Gank 客戶端
• wangmingjob/weapp-weipiao ★300+ - 微票
• charleyw/wechat-weapp-redux ★300+ - Redux 綁定庫
• jectychen/wechat-v2ex ★300+) - V2EX
• 18380435477/WeApp ★300+ - 仿微信
• zce/weapp-boilerplate ★300+ - 微信小程序快速開發骨架
• bayetech/wechat_mall_applet ★300+ - 電商平台
• lanshan-studio/wecqupt ★300+ - We 重郵
• myronliu347/wechat-app-zhihudaily ★200+ - 知乎日報
• harveyqing/BearDiary ★200+ - 小熊の日記
• leancloud/leantodo-weapp ★200+ - 集成LeanCloud 實現的Todo list
• SuperKieran/weapp-artand ★200+ - Artand
• dongweiming/weapp-zhihulive ★200+ - 知乎Live
• eyasliu/wechat-app-music ★200+ - 音樂播放器
• ahonn/weapp-one ★200+ - 仿ONE
• giscafer/wechat-weapp-mapdemo ★200+ - 地圖導航、marker標註（不再維護）
• yaoshanliang/weapp-ssha ★200+ - 企業宣傳小程序
• hilongjw/weapp-gold ★100+ - 掘金主頁信息流
• zce/weapp-douban ★100+ - 豆瓣電影
• hingsir/weapp-douban-film ★100+ - 豆瓣電影
• kunkun12/weapp - 小程序hello world 嚐鮮
• natee/wxapp-2048 ★100+ - 2048 小遊戲
• SeptemberMaples/wechat-weapp-demo ★100+ - 購物車
• hijiangtao/weapp-newsapp - 公眾號熱門文章信息流
• charleyw/wechat-weapp-redux-todos ★100+ - 集成Redux 實現的Todo list
• kraaas/timer ★100+ - 番茄時鐘
• ericzyh/wechat-chat ★100+ - 聊天室
• BelinChung/wxapp-hiapp ★100+ - HiApp
• hardog/wechat-app-flexlayout ★100+ - flexlayout
• dunizb/wxapp-sCalc ★100+ - 簡易計算器
• litt1e-p/weapp-girls ★100+ - 豆瓣美女/妹子圖
• liumulin614/BeautifulGirl - 美女模特
• romoo/weapp-demo-breadtrip ★100+ - 麵包旅行
• zhuweiyou/fetop100 ★100+ - 前端TOP100
• vace/wechatapp-news-reader ★100+ - 新聞閱讀器
• yaoshanliang/weapp-jump ★100+ - 跳一跳
• yaoshanliang/weapp-monument-valley ★100+ - 紀念碑谷
• YYJeffrey/july_client ★100+ - 七月（一款社交小程序，集內容髮布、動態分享、點贊評論、互動聊天等功能）
• Symous/WechatApp-BaisiSister - 百思不得姐
• githinkcn/Giteer - Giteer For 碼雲，基於Taro + Taro UI + Dva的小程序。
• DengKe1994/weapp-calculator - IOS 計算器
• monkindey/wx-github - GitHub 簡歷
• fluency03/weapp-500px - 國外攝影社區500px
• weapp-film - 淘票票
• xujinyang/CoderCalendar-WeApp - 程序員老黃曆
• zhengxiaowai/weapp-github - github
• Seahub/PigRaising - PigRaising
• brucevanfdm/WeChatMeiZhi - 妹子圖
• uniquexiaobai/wechat-app-githubfeed - GitHubFeed
• zce/weapp-todos - TODOS 任務清單
• bruintong/wechat-webapp-douban-movie - 豆瓣電影
• bruintong/wechat-webapp-douban-location - 豆瓣同城
• arkilis/weapp-jandan - 煎蛋
• bodekjan/wechat-weather - 微信天氣
• jasscia/ChristmasHat - 我要聖誕帽
• nanwangjkl/sliding_puzzle - 滑塊拼圖
• kaiwu/weui-scalajs - 使用Scala.js開發
• tinajs/tina-hackernews - Hacker News 熱點
• mohuishou/scuplus-wechat - We 川大
• hankzhuo/wx-v2ex - v2ex
• Hongye567/weapp-mark - 仿Mark 影單的微信小程序
• w1109790800/We-Todo - 基於LeanCloud的Todo-List
• jae-jae/weapp-github-trending - Github今日榜單
• steedos/mini-vip - 華炎微站、微商城
• alex1504/wx-guita_tab - 口袋吉他
• lonnng/etym - 芒果詞源助手
• wuhou123/wxxcx - 武侯的貓，基於wepy構建,整合了n多查詢工具（快遞，天氣，記賬，搞笑視頻等）
• upupming/HITMers - 博物館小助手（統計值班表、簽到、值班日曆及備忘錄、國際化、Streamable.com 視頻上傳等）
• LDouble/WeOUC - WeOUC(教務小程序)
• Airmole/ShellBox - 貝殼小盒子（校園教務信息查詢類工具，獲2019高校小程序開發大賽華北區二等獎）
• aquanlerou/WeHalo ★200+ - 愛敲代碼的貓（WeHalo 簡約風的微信小程序版博客）
• WarpPrism/SubwayRoutineMP - 【東京首爾曼谷新加坡巴黎地鐵線路圖?】
• GoKu-gaga/today - 口袋工具（一個小工具的集合）
• cy920820/weapp-motor-movies - 馬達電影助手（一個院線電影小助手）
• Gwokhov/chronus - Chronus 目標日記（一款能幫助你管理生活目標的雲開發微信小程序）
• imliubo/Wechat_MQTT_ESP8266_BaiduIoT - 微信智能小管家(使用微信小程序控制你的硬件設備)
• yuzexia/iw3cplus - 前端社區www.w3cplus.com的微信小程序
• RAOE/show-videos - 秀視頻（微信小程序短視頻社交軟件，視頻上傳，音視頻合成，評論，點贊，轉發，分享等）
• NewFuture/miniprogram-template - 原生API純TypeScript開發小程序(VSCode as IDE)與完整開發流程
• ZhuPeng/mp-githubtrending - 以Feed 流形式查看GitHub Trending 倉庫集合的工具
• yociduo/scrum-planning-poker - Scrum敏捷估算,基於wepy構建
• kilakila-heart/fuliba-front - 信息流福利吧小程序
• lsqy/taro-music - ?基於taro + taro-ui + redux + typescript 開發的網易云音樂小程序
• 仿喜馬拉雅lite - 微信小程序原生開發的仿喜馬拉雅小程序（極度適合新手入門）
• branliang/game-stop-app - PSN降價了（一個可以訂閱PS4遊戲價格的工具）
• wk989898/wxchat-mail - 仿Gmail郵箱的微信小程序
• AnsonZnl/bookshelf - ?基於雲開發的書架小程序（附教程）?
• arleyGuoLei/wx-words-pk ★100+ - 2020 雲開發實現單詞對戰小程序（隨機匹配、人機對戰、好友對戰），專業UI
• arleyGuoLei/wechat-1password - ??有本密碼，雲開發實現的AES加密密碼本，支持指紋、人臉，UI簡約大方
• wilhantian/periodic-table - ?精緻的元素週期表小程序
• terryso/super9 - 抖音一鍵去水印小程序: Taro + 微信雲開發
• redhat123456/upPhysicalExercise - up體能訓練小程序(健身訓練、觀看視頻、制定計劃於一身的綜合小程序)
• redhat123456/Tanger_query - ?查詢小程序(查詢各種各樣的信息的小程序)
• mark420524/question - 學習答題小程序，詩詞歌賦小工具-早晚答小程序
• Chadwuo/li-ji-weapp - 記錄和管理人情來往，給你方便快捷的人情記賬體驗！專業又懂你的人情記賬軟件，共享記賬，全家人共享賬本
• mark420524/guess - 看圖猜成語微信小程序

↑ 返回目錄↑