随着小程序开发的日益深广，越来越多的业务需求把小程序提上日程，小程序的学习和开发逐渐成为前端开发者必备的技能和核心竞争力，不管是在工作中开发项目，还是储备知识，小程序资源干货总是备受瞩目。

官方指南

• 官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461

• 简易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599

• 设计指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html

• 微信小程序公测接入指南：http://www.wxapp-union.com/portal.php?mod=view&aid=259

实例

• 微信小程序支付文档：https://pay.weixin.qq.com/wiki/d ... pi.php?chapter=3_1#
• 新手入门宝典：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1989

视频教学

• 免费视频：http://www.wxapp-union.com/forum.php?mod=forumdisplay&fid=37&filter=typeid&typeid=7

• 价值499元的极客微信小程序完整视频：共计50个视频：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1128&extra=page%3D1%26filter%3Dtypeid%26typeid%3D7

项目实战

• 实战宝典：http://www.wxapp-union.com/special/solution.html

• 从注册到上线系列：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4375

理论教程

• w3c:https://www.w3cschool.cn/weixinapp/tcga1qcz.html

• 菜鸟教程：http://www.runoob.com/w3cnote/wx-xcx-repo.html

代码效果展示（来源：小程序社区）

• 微信小程序特殊效果合集第一期：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4727

• 微信小程序特殊效果合集第二期：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4811

• 微信小程序优秀教程及文章合集第一期：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=4742

• 微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=30&highlight=%E5%AF%BC%E8%88%AA

• 微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88

• 微信小程序导航：官方文档+精品教程+demo集合：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=8396&page=1&extra=#pid58689

工具

• WePY 一个支持组件化的小程序开发框架：https://github.com/Tencent/wepy
• 微信小程序配置及目录在线生成工具
• 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 的微信小程序前端开发工作流
• 小程序助手 轻松实现小程序互转
• weact 用 JSX 快速开发小程序
• Tina.js - 一款轻巧的渐进式微信小程序框架
• Mpvue - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系

插件

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

大牛博客：

• 一斤代码：https://www.jianshu.com/u/d0dea96b2432

• 秦子恒微信课堂：http://blog.csdn.net/towtotow

• 干货：如何入门微信小程序开发，有哪些学习资料？：https://www.zhihu.com/question/50907897

• 参考链接：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=7428&highlight=%E4%B8%83%E6%9C%88

文末福利：

福利一：前端，Java，产品经理，微信小程序，Python等资源合集大放送：https://www.jianshu.com/p/e8197d4d9880
福利二：微信小程序入门与实战全套详细视频教程

领取方式：
如果需要学习视频，欢迎关注 【编程微刊】微信公众号，回复【领取资源】一键领取以下所有干货资源，获取更多有用技术干货、文档资料。所有文档会持续更新，欢迎关注一起成长！

原文作者：祈澈姑娘
原文链接：https://www.jianshu.com/u/05f416aefbe1
创作不易，转载请告知

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。