小編最近在開發(fā)小程序，也讀到了不少優(yōu)秀的小程序源碼，項(xiàng)目中有些需求可以直接從源碼里粘貼復(fù)制過來，雖然這樣做不利于自己獨(dú)立編寫代碼，但比較是給公司做項(xiàng)目啊，秉著效率第一的原則，簡直沒有什么比ctrl+c,ctrl+v,更加順手了。為了感恩大家長久以來的關(guān)注和支持，小編準(zhǔn)備了一些福利，整理了130個(gè)微信小程序源碼demo，分享給我的讀者們，希望能有所用處。
重要的話說三遍，感恩大回饋，超有價(jià)值的學(xué)習(xí)資料免費(fèi)送！免費(fèi)領(lǐng)取！
領(lǐng)取demo的方法：
如果需要小程序源碼demo，歡迎關(guān)注 【編程微刊】微信公眾號，回復(fù)【小程序】一鍵領(lǐng)取130個(gè)微信小程序源碼demo資源+123套源碼及其全套制作過程的視頻，獲取更多有用技術(shù)干貨、文檔資料。所有文檔會(huì)持續(xù)更新，歡迎關(guān)注一起成長！
130個(gè)微信小程序源碼demo
干貨：
隨著小程序開發(fā)的日益深廣，越來越多的業(yè)務(wù)需求把小程序提上日程，小程序的學(xué)習(xí)和開發(fā)逐漸成為前端開發(fā)者必備的技能和核心競爭力，不管是在工作中開發(fā)項(xiàng)目，還是儲備知識，小程序資源干貨總是備受矚目。
官方指南
官方工具：https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461
簡易教程：https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1476434677599
設(shè)計(jì)指南：https://mp.weixin.qq.com/debug/wxadoc/design/index.html
微信小程序公測接入指南：http://www.wxapp-union.com/portal.php?mod=view&aid=259
實(shí)例
- 微信小程序支付文檔：https://pay.weixin.qq.com/wiki/d ... pi.php?chapter=3_1#
- 新手入門寶典：http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1989
工具
- WePY 一個(gè)支持組件化的小程序開發(fā)框架：https://github.com/Tencent/wepy
- 微信小程序配置及目錄在線生成工具
- Egret Wing 3.2.x 支持微信小程序?qū)崟r(shí)預(yù)覽的 IDE)
- Labrador 支持 ES6/7 的微信小程序組件化開發(fā)框架
- WEPT 一個(gè)微信小程序?qū)崟r(shí)運(yùn)行環(huán)境
- wxml-parser JavaScript WXML parser 以及在線頁面demo
- Px 轉(zhuǎn) Rpx 在線工具
- 微信小程序云端增強(qiáng) SDK XpmJS
- 4kb 模塊化開發(fā)工具 將模塊化的屬性和方法映射成小程序頁面
- gulp-wxa-copy-npm 插件 能夠使用 ES6/7 和 NPM 庫
- wechat_web_devtools Linux 下微信開發(fā)者工具
- WeApp-Workflow 基于 Gulp 的微信小程序前端開發(fā)工作流
- 小程序助手 輕松實(shí)現(xiàn)小程序互轉(zhuǎn)
- weact 用 JSX 快速開發(fā)小程序
- Tina.js - 一款輕巧的漸進(jìn)式微信小程序框架
- Mpvue - 基于 Vue.js 的小程序開發(fā)框架，從底層支持 Vue.js 語法和構(gòu)建工具體系
插件
- vim 插件(chemzqm/wxapp.vim)
- sublime text 2&3 snippet(Abbotton/weapp-snippet-for-sublime-text-2-3)
- IntelliJ IDEA 插件，注入方法
- webstorm 插件（代碼提示）
- sublime plugin - wxapp
- vscode 插件(代碼提示)
1：車源寶
2：仿QQ聊天界面
3： 微信小程序?qū)崿F(xiàn)移動(dòng)端商城
4：微信小程序（應(yīng)用號）示例教程（豆瓣圖書）
5：仿網(wǎng)易云音樂
6：購物車
7：今日頭條
8：你猜我畫
9：小程序官方Demo
10：天氣預(yù)報(bào)
原文作者：祈澈姑娘原文鏈接：http://www.itdecent.cn/u/05f416aefbe1
創(chuàng)作不易，轉(zhuǎn)載請告知
90后前端妹子，愛編程，愛運(yùn)營，愛折騰。堅(jiān)持總結(jié)工作中遇到的技術(shù)問題，堅(jiān)持記錄工作中所所思所見，歡迎大家一起探討交流。
閱讀鏈接：
微信小程序從零開始開發(fā)步驟（一）搭建開發(fā)環(huán)境http://www.itdecent.cn/p/0ff8c3b2f59f
微信小程序從零開始開發(fā)步驟（二）創(chuàng)建小程序頁面http://www.itdecent.cn/p/fe0db14e2869
微信小程序從零開始開發(fā)步驟（三）底部導(dǎo)航欄http://www.itdecent.cn/p/89a63dc99839
微信小程序從零開始開發(fā)步驟（四）自定義分享的功能http://www.itdecent.cn/p/65d9bdb8051d
微信小程序從零開始開發(fā)步驟（五）輪播圖http://www.itdecent.cn/p/bc3261557031
微信小程序從零開始開發(fā)步驟（六）4種頁面跳轉(zhuǎn)的方法http://www.itdecent.cn/p/01a5a6a0fdb9
微信小程序從零開始開發(fā)步驟（七）引入外部js 文件http://www.itdecent.cn/p/5f2cde64d7f2
微信小程序從零開始開發(fā)步驟（八）引入框架WeUI：http://www.itdecent.cn/p/fd423b6e17be
