前端资源系列（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: 微信小程序开发资源汇总} ， 已得许可。更新来自平时。