小編最近在開發(fā)小程序，也讀到了不少優(yōu)秀的小程序源碼，項目中有些需求可以直接從源碼里粘貼復制過來，雖然這樣做不利于自己獨立編寫代碼，但比較是給公司做項目啊，秉著效率第一的原則，簡直沒有什么比ctrl+c,ctrl+v,更加順手了。為了感恩大家長久以來的關注和支持，小編準備了一些福利，整理了130個微信小程序源碼demo，分享給我的讀者們，希望能有所用處。

重要的話說三遍，感恩大回饋，超有價值的學習資料免費送！免費領??！

領取demo的方法：

如果需要小程序源碼demo，歡迎關注 【編程微刊】微信公眾號，回復【小程序】一鍵領取130個微信小程序源碼demo資源+123套源碼及其全套制作過程的視頻，獲取更多有用技術干貨、文檔資料。所有文檔會持續(xù)更新，歡迎關注一起成長！

130個微信小程序源碼demo

圖片.png

干貨：
隨著小程序開發(fā)的日益深廣，越來越多的業(yè)務需求把小程序提上日程，小程序的學習和開發(fā)逐漸成為前端開發(fā)者必備的技能和核心競爭力，不管是在工作中開發(fā)項目，還是儲備知識，小程序資源干貨總是備受矚目。

官方指南

• 官方工具：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

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

實例

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

工具

• WePY 一個支持組件化的小程序開發(fā)框架：https://github.com/Tencent/wepy
• 微信小程序配置及目錄在線生成工具
• Egret Wing 3.2.x 支持微信小程序實時預覽的 IDE)
• Labrador 支持 ES6/7 的微信小程序組件化開發(fā)框架
• WEPT 一個微信小程序實時運行環(huán)境
• wxml-parser JavaScript WXML parser 以及在線頁面demo
• Px 轉 Rpx 在線工具
• 微信小程序云端增強 SDK XpmJS
• 4kb 模塊化開發(fā)工具 將模塊化的屬性和方法映射成小程序頁面
• gulp-wxa-copy-npm 插件 能夠使用 ES6/7 和 NPM 庫
• wechat_web_devtools Linux 下微信開發(fā)者工具
• WeApp-Workflow 基于 Gulp 的微信小程序前端開發(fā)工作流
• 小程序助手 輕松實現(xiàn)小程序互轉
• weact 用 JSX 快速開發(fā)小程序
• Tina.js - 一款輕巧的漸進式微信小程序框架
• Mpvue - 基于 Vue.js 的小程序開發(fā)框架，從底層支持 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 插件(代碼提示)

1：車源寶

未標題-1.png

2：仿QQ聊天界面

未標題21.png

3： 微信小程序實現(xiàn)移動端商城

圖片.png

4：微信小程序（應用號）示例教程（豆瓣圖書）

圖片.png

5：仿網易云音樂

圖片.png

6：購物車

圖片.png

7：今日頭條

1.png

8：你猜我畫

圖片.png

9：小程序官方Demo

小程序官方demo.png

圖片.png

原文作者：祈澈姑娘原文鏈接：http://www.lxweimin.com/u/05f416aefbe1
創(chuàng)作不易，轉載請告知
90后前端妹子，愛編程，愛運營，愛折騰。堅持總結工作中遇到的技術問題，堅持記錄工作中所所思所見，歡迎大家一起探討交流。

閱讀鏈接：
微信小程序從零開始開發(fā)步驟（一）搭建開發(fā)環(huán)境http://www.lxweimin.com/p/0ff8c3b2f59f
微信小程序從零開始開發(fā)步驟（二）創(chuàng)建小程序頁面http://www.lxweimin.com/p/fe0db14e2869
微信小程序從零開始開發(fā)步驟（三）底部導航欄http://www.lxweimin.com/p/89a63dc99839
微信小程序從零開始開發(fā)步驟（四）自定義分享的功能http://www.lxweimin.com/p/65d9bdb8051d
微信小程序從零開始開發(fā)步驟（五）輪播圖http://www.lxweimin.com/p/bc3261557031
微信小程序從零開始開發(fā)步驟（六）4種頁面跳轉的方法http://www.lxweimin.com/p/01a5a6a0fdb9
微信小程序從零開始開發(fā)步驟（七）引入外部js 文件http://www.lxweimin.com/p/5f2cde64d7f2
微信小程序從零開始開發(fā)步驟（八）引入框架WeUI：http://www.lxweimin.com/p/fd423b6e17be