README.md

微信小程序开发资源汇总

目录

• 官方文档
• 新闻报道
• 社区
• 工具
• 插件
• 分析
• 讨论
• 教程
• 视频教程
• 文章
• 代码
• 轮子

加群交流

QQ群

群号：593495800

群号：139122611

置顶

• WePY：组件化的小程序开发框架 💯
• ZanUI-WeApp: 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞 💯

官方文档

• 小程序开发文档
• 小程序设计指南
• 小程序开发者工具

新闻报道

• 微信正式开放内测“小程序”，不开发APP的日子真的来了？(36氪 • 缪定纯 • 2016-09-22 09:05)
• 关于微信小程序（应用号），我能透露的几个细节(可能吧 • Jason Ng • 2016-9-22)
• 你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网 • 三节课 • 2016-9-22)
• 为什么我反对微信小程序(虎嗅网 • SeedHeart • 2016-11-23) 前两天发的，貌似有些版权问题，不再提供链接

社区

• WXOPEN Club | 微信小程序专业社区
• wxapp-union | 微信小程序联盟
• larkapp | 白鹭青雀社区
• 蜂鸟小程序开发者社区
• 微信小程序垂直开发社区

工具

• WePY 一个支持组件化的小程序开发框架
• 微信小程序 (应用号) 微信 web 开发者工具破解版(DiyCode)
• 微信小程序配置及目录在线生成工具
• IDE + 破解 + Demo(gavinkwoe/weapp-ide-crack)
• Egret Wing 3.2.x 支持微信小程序实时预览的IDE)
• Labrador 支持ES6/7的微信小程序组件化开发框架
• WEPT 一个微信小程序实时运行环境
• wxml-parser JavaScript WXML parser 以及在线页面demo
• Px转Rpx在线工具
• 微信小程序云端增强 SDK XpmJS
• 4kb模块化开发工具 将模块化的属性和方法映射成小程序页面
• gulp-wxa-copy-npm插件 能够使用ES6/7和NPM库
• wechat_web_devtools Linux下微信开发者工具
• WeApp-Workflow 基于Gulp 的微信小程序前端开发工作流

插件

• vim 插件(chemzqm/wxapp.vim)
• sublime text 2&3 snippet(Abbotton/weapp-snippet-for-sublime-text-2-3)
• IntelliJ IDEA插件，注入方法
• webstorm 插件（代码提示）
• sublime plugin - wxapp

文档

• 从搭建一个微信小程序开始(腾讯云)

分析

• 从程序员的角度分析微信小程序(CSDN)
• 微信小程序，一个有局限的类似 React Native 轮子！(简书)
• 一篇文章读懂微信小程序(应用号)是什么？(简书)

讨论

• 如何评价 9 月 21 日开始内测的「微信小程序」？(知乎)
• 如何看待微信将推应用号？(知乎)
• 微信小程序（应用号）价值是什么？(知乎)
• 微信应用号是否真能颠覆APP？(知乎)
• 微信小程序的出现会给前端开发带来什么？(知乎)
• 封闭一周开发微信应用号（小程序）(v2ex)
• 一个天大的误会：Vux并非微信应用号项目(github)
• 微信小程序即将发布，你怎么看？有啥有趣的点子？它会替代原生App吗？(掘金)

教程

• 全球首个微信应用号开发教程！通宵吐血赶稿，每日更新！
  • 第一弹
  • 第二弹
  • 第三弹
  • 第四弹
  • 第五弹
• 微信小程序剖析(微信公众号)
  • 「官方示例代码」浅析
  • （一）：运行机制
  • （二）：框架原理
  • （三）：让小程序运行在Chrome浏览器上
  • （四）：原生的实时DOM转Virtual DOM
  • （五）：创建一个兼容「微信小程序」的Web框架
• 微信小程序架构分析(上)
• 微信小程序架构分析(中)
• 微信小程序架构分析(下)
• 首个微信小程序开发教程(掘金)
• 微信小程序开发教程！(稀土区)
• 微信小程序怎么开发？玩物志用一个上午上线了电商应用(爱范儿)
• 开发微信小程序入门前(LatteCake)
• 小程序来临，前端工程师的春天(简书)
• hello-weapp 微信小程序最简示例教程(dingyiming/weapp-example)
• 微信小应用IDE的安装以及安装过程的常见问题(champion32/WeAppIdeIssue)
• 分享我用cnode社区api做微信小应用的入门过程(CNode)
• 微信小程序开发教程-从零开始(简书)
• 我所理解的小程序 - 小程序真机调试(seahub)
• 微信小程序快速入门教程|VR视频推荐DEMO(简书)
• 微信小程序集成mobx
• 微信小程序集成Redux(Segmentfault)
• 微信小程序ajax请求到自己的网站(庆恺的笔记)
• 微信小程序剖析 | 运行机制及框架原理(前端之巅)
• 在微信小程序里实现图片预加载组件(凹凸实验室)
• 开发到上线仅十六天 海外党微信小程序全攻略(简书) 海外双机加速，免费证书配置等
• 微信小程序解决方案专辑

视频教程

• 免费视频教程 - WXOPEN.Club 出品微信小程序开发视频教程（持续更新中...）
• 视频 - 全网首个微信小程序开发视频教程
• 视频 - 微信小程序开发实战第一季(CSDN)
• 视频 - 微信小程序开发实战第二季(CSDN)
• 视频 - 极客学院微信小程序开发
• 视频 - 微信小程序新手入门(51CTO)

文章

• 未来是h5的：写在微信应用号发布之际(CNode)
• 微信“小程序”让我脑洞大开(简书)
• 关于小程序你不知道的秘密(腾讯云助手)
• 关于微信小程序（应用号）的底层逻辑分析和拥抱建议(知乎专栏)
• 开发微信小程序的必备技能图谱(CSDN)
• 微信小程序和谷歌PWA有什么关系？(微信公众号)
• 在微信小程序里，我们要怎样做数据分析（上）(微信公众号)
• 一张图看微信小程序(前端之路 - DRY)
• 微信小程序要这样解读(CSDN)
• 一名Android开发者的微信小程序填坑之路(1)
• 小程序开发利器：Matchmaker(CSDN)
• 微信小程序开发三宗罪和解决方案(SegmentFault)
• 使用Labrador 0.3构建ES6/ES7标准模块化微信小程序(SegmentFault)
• 微信小程序真机测试多个DEMO)(微信公众号)
• 微信小程序真机测试视频源文件
• WordPress 网站基于REST API 开发“微信小程序”实战
• WordPress 网站开发“微信小程序“实战(二)
• WordPress 网站开发“微信小程序“实战(三)

代码

• 微信小程序官方Demo(Hao-Wu/WeApp-Demo)
• 微信小应用示例代码(phodal/weapp-quick)
• 微信小应用地图定位demo(giscafer/wechat-weapp-mapdemo)
• 微信小应用- 掘金主页信息流(hilongjw/weapp-gold)
• 微信小程序（应用号）示例：微信小程序豆瓣电影(zce/weapp-demo)
• 微信小程序-豆瓣电影(hingsir/weapp-douban-film)
• 小程序 hello world 尝鲜(kunkun12/weapp)
• 微信小程序版2048小游戏(natee/wxapp-2048)
• 微信小程序-微票(wangmingjob/weapp-weipiao)
• 微信小程序购物车DEMO(SeptemberMaples/wechat-weapp-demo)
• 微信小程序V2EX(jectychen/wechat-v2ex)
• 微信小程序-知乎日报(myronliu347/wechat-app-zhihudaily)
• 微信小程序-公众号热门文章信息流(hijiangtao/weapp-newsapp)
• 微信小程序版Gank客户端(lypeer/wechat-weapp-gank)
• 微信小程序集成Redux实现的Todo list(charleyw/wechat-weapp-redux-todos)
• 微信小程序集成 LeanCloud 实现的 Todo list(leancloud/leantodo-weapp)
• 微信小程序-番茄时钟(kraaas/timer)
• 微信小程序项目汇总
• 微信小程序版聊天室(ericzyh/wechat-chat)
• 微信小程序-HiApp(BelinChung/wxapp-hiapp)
• 小程序Redux绑定库(charleyw/wechat-weapp-redux)
• 微信小程序版微信(18380435477/WeApp)
• 小程序开发从布局开始(hardog/wechat-app-flexlayout)
• 微信小程序-音乐播放器(eyasliu/wechat-app-music)
• 微信小程序-简易计算器-适合入门（dunizb/wxapp-sCalc）
• 微信小程序-github(zhengxiaowai/weapp-github)
• 微信小程序-小熊の日记(harveyqing/BearDiary)
• 微信小程序(Seahub/PigRaising)
• 微信小程序(WeChatMeiZhi妹子图)
• 微信小程序快速开发骨架
• 微信小程序 - Artand 最专业的艺术设计平台
• 微信小程序 - 开心一刻(zhijieeeeee/wechat-app-joke)
• 微信小程序 - GitHubFeed(uniquexiaobai/wechat-app-githubfeed)
• 微信小程序 - 国外摄影社区500px(fluency03/weapp-500px)
• 微信小程序 - 巴爷供销社－电商平台(bayetech)
• 基于微信小程序的UI库（Wa-UI）
• 微信小程序-豆瓣美女/妹子图(weapp-girls)
• 微信小程序-美女模特(BeautifulGirl)
• 微信小程序 - 知乎仿写(RebeccaHanjw/weapp-wechat-zhihu)
• 微信小程序 - 面包旅行(romoo/weapp-demo-breadtrip)
• 微信小程序-淘票票(weapp-film)
• 微信小程序-仿ONE(ahonn/weapp-one)
• 微信小程序-新闻阅读器(vace/wechatapp-news-reader)
• 微信小程序 - 百思不得姐(Symous/WechatApp-BaisiSister)
• 微信小程序 - We重邮(lanshan-studio/wecqupt)
• 微信小程序 - IOS计算器
• 微信小程序 - github简历(monkindey/wx-github)
• 微信小程序-程序员老黄历(xujinyang/CoderCalendar-WeApp)
• 微信小程序 - TODOS（任务清单）(zce/weapp-todos)
• 微信小程序 - 企业宣传小程序(yaoshanliang/weapp-ssha)
• 微信小程序 - Zhihu Live (dongweiming/weapp-zhihulive)
• 微信小程序 - 豆瓣电影(bruintong/wechat-webapp-douban-movie)
• 微信小程序 - 豆瓣同城(bruintong/wechat-webapp-douban-location)
• 微信小程序 - 煎蛋微信小程序(arkilis/weapp-jandan)

轮子

• socket.io 风格的 websocket 类库
• 微信小程序倒计时组件(微信公众号)
• 微信小程序下拉筛选组件(微信公众号)
• w3c 标准 API polyfill
• WeToast——微信小程序toast增强插件
• wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析
• wx-alphabetical-listview带字母滑动的列表
• wx-drawer模仿QQ6.0侧滑菜单
• wx-scrollable-tab-view可滚动的tabview
• wxapp-img-loader 图片预加载组件
• we-swiper 内容滑动插件
• we-cropper 微信小程序图片裁剪工具
• wx-promise-request 微信小程序请求队列管理库