【福利】小程序開發資源乾貨彙總

隨着小程序開發的日益深廣，愈來愈多的業務需求把小程序提上日程，小程序的學習和開發逐漸成爲前端開發者必備的技能和核心競爭力，無論是在工做中開發項目，仍是儲備知識，小程序資源乾貨老是備受矚目。

官方指南

• 官方工具：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
福利二：微信小程序入門與實戰全套詳細視頻教程

圖片.png

領取方式：
若是須要學習視頻，歡迎關注 【編程微刊】微信公衆號，回覆【領取資源】一鍵領取如下全部乾貨資源，獲取更多有用技術乾貨、文檔資料。全部文檔會持續更新，歡迎關注一塊兒成長！

原文做者：祈澈姑娘
原文連接：https://www.jianshu.com/u/05f416aefbe1
創做不易，轉載請告知

90後前端妹子，愛編程，愛運營，愛折騰。堅持總結工做中遇到的技術問題，堅持記錄工做中所所思所見，歡迎你們一塊兒探討交流。