微信小程序開發資源匯總

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

本倉庫中的資料整理自網絡，也有一些來自網友的推薦。

官方文檔

小程序設計指南
小程序開發教程
小程序框架
小程序組件
小程序 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.

↑ 返回目錄 ↑