前端資源系列（3）-微信小程序開發資源彙總

微信(小程序or應用號)開發資源彙總-文檔-工具-教程-代碼-插件-組件

文檔

• 從搭建一個微信小程序開始
• 小程序開發文檔
• 小程序設計指南

工具

• 小程序開發者工具 - 官方
• Egret Wing 3.2.x 支持微信小程序實時預覽的IDE)
• labrador 支持ES6/7的微信小程序組件化開發框架
• Px轉Rpx在線工具
• XpmJS - 小程序雲端加強 SDK

社區

• 微信小程序聯盟-wxapp-union（推薦，裏面有較多開發者的經驗、demo、教程、以及產品試坑等）
• 蜂鳥-微信小程序開發者社區
• 微信小程序社區-wxopen.club
• 青雀論壇-LarkApp
• 微信小程序垂直開發論壇

插件

• wxapp.vim 插件
• 爲 sublime text 2&3 準備的微信應用號/小程序 snippet(Abbotton/weapp-snippet-for-sublime-text-2-3)
• IntelliJ IDEA插件，注入方法
• webstorm 插件（代碼提示）

教程

全球首個微信小程序開發教程

• 全球首個微信應用號開發教程第一彈！通宵吐血趕稿，每日更新！
• 全球首個微信應用號開發教程第二彈！通宵吐血趕稿，每日更新！
• 全球首個微信應用號開發教程第三彈！通宵吐血趕稿，每日更新！
• 全球首個微信應用號開發教程第四彈！通宵吐血趕稿，每日更新！
• 全球首個微信應用號開發教程第五彈！通宵吐血趕稿，每日更新！
• 全球首個微信應用號開發教程第六彈！通宵吐血趕稿，每日更新！

來自微信公衆號的教程

• 微信小程序剖析【1-1】：淺析
• 微信小程序剖析【1-2】：運行機制
• 微信小程序剖析【2】：框架原理
• 微信小程序剖析【3】：運行在Chrome瀏覽器上
• 微信小程序剖析【4】：原生的實時DOM轉Virtual DOM
• 微信小程序剖析【5】：Web框架：WIN

視頻教程

• WXOPEN.Club出品 - 微信小程序開發視頻教程
• 視頻 - 全網首個微信小程序開發視頻教程
• 視頻 - 微信小程序開發實戰第一季(CSDN)
• 視頻 - 微信小程序開發實戰第二季(CSDN)
• 視頻 - 極客學院微信小程序開發
• 視頻 - 微信小程序新手入門(51CTO)
• 視頻 - 更多視頻資源

其餘教程：

• 博卡君微信小程序 (應用號) 開發問答第一彈！
• 首個微信小程序開發教程(掘金)
• 微信小程序開發教程！(稀土區)
• 微信小程序怎麼開發？玩物志用一個上午上線了電商應用(愛範兒)
• 開發微信小程序入門前(Laravel China)
• 小程序來臨，前端工程師的春天
• 分享我用cnode社區api作微信小應用的入門過程
• 微信小程序版Gank客戶端(lypeer/wechat-weapp-gank)

組件

• 微信小程序的SocketIO客戶端 wxapp/weapp Socket.io Client
• 微信小程序倒計時組件
• 微信小程序下拉篩選組件
• WeToast for 微信小程序 toast加強插件
• wxParse-微信小程序富文本解析自定義組件，支持HTML及markdown解析
• 微信小程序帶字母滑動的listview
• 小程序模仿QQ6.0側滑菜單 wx-drawer
• 適用於微信小程序的圖片預加載組件
• 更多組件

代碼

• 更多demo
• 微信小應用示例代碼(phodal/weapp-quick)
• 微信小應用地圖定位demo(giscafer/wechat-weapp-mapdemo)
• 微信小程序的掘金信息流
• 微信小程序（應用號）示例：微信小程序豆瓣電影(zce/weapp-demo)
• 微信小程序 hello world 嚐鮮(kunkun12/weapp)
• 微信小程序開發2048遊戲(sammffl/wechat-weapp-2048)
• 微信小程序-微票(wangmingjob/weapp-weipiao)
• 微信小程序-公衆號熱門文章信息流(hijiangtao/weapp-newsapp)
• 微信小程序-番茄時鐘(kraaas/timer)
• 微信小程序集成Redux實現的Todo list(charleyw/wechat-weapp-redux-todos)
• 微信小程序-知乎日報(myronliu347/wechat-app-zhihudaily)
• 微信小程序購物車DEMO(SeptemberMaples/wechat-weapp-demo)
• 微信小程序版微信(18380435477/WeApp)
• 微信小程序-HiApp(BelinChung/wxapp-hiapp)
• 微信小程序版聊天室(ericzyh/wechat-chat)
• 微信小程序Wechat app | 從FlexLayout佈局開始
• 微信小程序項目彙總
• 微信小程序-音樂播放器(eyasliu/wechat-app-music)
• 微信小程序-簡易計算器-適合入門（dunizb/wxapp-sCalc）
• 微信小程序-小熊の日記(harveyqing/BearDiary)
• 微信小程序(Seahub/PigRaising)
• 微信小程序快速開發骨架
• 微信小程序(WeChatMeiZhi妹子圖)
• 微信小程序 - 開心一刻(zhijieeeeee/wechat-app-joke)
• 微信小程序- 性感美女圖
• 微信小程序- 百思不得其姐

報道

• 微信正式開放內測「小程序」，不開發APP的日子真的來了？(36氪)
• 關於微信小程序（應用號），我能透露的幾個細節(可能吧)
• 你的產品適不適合作微信小程序？你須要這篇產品邏輯分析(虎嗅網)

分析

• 從程序員的角度分析微信小程序(CSDN)
• 微信小程序，一個有侷限的相似 React Native 輪子！(簡書)
• 一篇文章讀懂微信小程序(應用號)是什麼？(簡書)

討論

• 如何評價 9 月 21 日開始內測的「微信小程序」？(知乎)
• 如何看待微信將推應用號？(知乎)
• 微信小程序（應用號）價值是什麼？(知乎)
• 微信應用號是否真能顛覆APP？(知乎)
• 微信小程序的出現會給前端開發帶來什麼？
• 封閉一週開發微信應用號（小程序）(v2ex)
• 一個天大的誤會：Vux並不是微信應用號項目(github)
• 微信小程序即將發佈，你怎麼看？有啥有趣的點子？它會替代原生App嗎？(掘金)

文章

• 騰訊Bugly乾貨分享】微信小程序開發思考總結——騰訊「信用卡還款」項目實踐
• 將來是h5的：寫在微信應用號發佈之際(CNode)
• 微信「小程序」讓我腦洞大開(簡書)
• 關於微信小程序（應用號）的底層邏輯分析和擁抱建議(知乎專欄)
• 開發微信小程序的必備技能圖譜(CSDN)
• 微信小程序和谷歌PWA有什麼關係？(微信公衆號)
• 微信小程序要這樣去解讀

Q&A

• 微信應用號「小程序」最全的Q&A列表(公衆號)

最初內容轉自： justjavac: { gitHub , name: 微信小程序開發資源彙總} ， 已得許可。更新來自平時。