小程式開發環境搭建好之後，https://www.jianshu.com/p/0ff8c3b2f59f，開始寫程式碼了，對於一個對小程式瞭解程度半生不熟的人來說無從下手，看視訊吧又太浪費時間了，那麼只要有一定的前端基礎，再結合一些別人的開原始碼，很快就能開發出自己的產品了，在網上找了一些經典的小程式開原始碼，總結了一下，留著備用。

1：我要聖誕帽
專案地址：https://github.com/jasscia/ChristmasHat
專案下載： ChristmasHat-master.zip

2：微信小程式精品Demo：掌故

專案地址：https://github.com/Gesangs/PhoneStory
專案下載： PhoneStory-master.zip

3：微信小程式Demo：簡約睡眠Music

專案地址：https://github.com/shajinyang/BeautyAudio
專案下載： BeautyAudio-master.zip

4：微信小程式Demo：運勢小程式
專案地址：https://github.com/panyefan/wxfortune
專案下載： wxfortune-master.zip

5：微信小程式demo：仿微信朋友圈, 帶前後臺互動
前臺下載地址: 微博友圈_POST.zip

6：微信小程式精品demo：跑馬燈，左側選單，抽屜層，載入動畫
專案地址：https://github.com/youzouzou/wxapp
專案下載： wxapp-master.zip

7：微信小程式學習用demo：訂單管理，浮層選單，頁面設計

專案地址：https://github.com/GavinCarter1991/wx-onePro
專案下載： wx-onePro-master.zip

8：小程式支付詳解+原始碼(客戶端+服務端)
原始碼下載地址： 小程式微信支付.zip

9:微信小程式demo：電商模板，購物車模板
專案地址：https://github.com/fangliu520/wxbestcake

10：精品完整demo：搖一搖，二維碼
專案地址及下載：
前端專案地址：https://github.com/7insummer/orange-can
專案下載： orange-can-master.zip

後端專案地址：https://github.com/7insummer/orange-can-server
專案下載： orange-can-server-master.zip

寫在最後，這麼好的demo，花費了程式設計師小哥哥小姐姐作者大量的時間，大家多多點star，表示支援和鼓勵一下吧。

原文作者：祈澈姑娘
技術部落格：https://www.jianshu.com/u/05f416aefbe1

90後前端妹子，愛程式設計，愛運營，愛折騰。
關注「程式設計微刊」公眾號 ，在微信後臺回覆「領取資源」，獲取IT資源200G乾貨大全。公眾號回覆“1”，拉你程序序員技術討論群