小程式開發資源！

「 起因 」

最近小程式生態基本已經趨於穩定，而且各大、小、創業公司都已經全面轉化到小程式產品線，很多童鞋的公司主產品線都已經被小程式佔領，不得不說現在 web前端和後端又要多一門基本技能：瞭解並開發小程式。

小程式是騰訊乾兒子系列，異常重視，從版本迭代週期頻率就可以感受出來，3天小更新，半月大更新，我們何曾感受到過哪個大公司平臺的產品更新如此激烈高潮的？

所以基於大家的需求、需要，我又開始啪啪啪的收集各個乾貨和資料，其中有基本的小程式UI、開發框架、實用功能庫、開發工具，

也有服務端開發框架、api模擬、全棧搭配開發方案、上線demo等。

這個 github 專案收集我已經fork下來很久了，而且很多框架我平時開發也都在用，這是蒐集的開源總結，所以挑一些常用並且好用的來這裡分享下，以防很多人不知道如何找資源，我目的也是為大家分享更多的資源和乾貨，讓我們一起事半功倍。

「 乾貨資源列表 」

UI元件

• weui-wxss ★1873 - 同微信原生視覺體驗一致的基礎樣式庫

• zanui-weapp ★794 - 好用易擴充套件的小程式 UI 庫

• wx-charts ★449 - 微信小程式圖表工具

• wux ★163 - 微信小程式自定義元件

• wemark ★161 - 微信小程式Markdown渲染庫

• wxapp ★131 - 微信小程式元件

• wx-scrollable-tab-view ★116 - 小程式可滑動得tabview

• wxapp-img-loader ★101 - 微信小程式的圖片預載入元件

• WeZRender ★96 - 微信小程式Canvas增強元件

• wetoast ★77 - 仿照微信小程式提供的showToast功能

• wxSearch ★70 - 微信小程式優雅的搜尋框

• wx_calendar ★65 - 小程式日曆

• wxapp-charts ★52 - 微信小程式圖表charts元件

• chartjs-wechat-mini-app ★42 - chartjs微信小程式適配

• citySelect ★42 - 微信小程式城市選擇器

• WeiXinProject ★36 - 列表的上拉重新整理和上拉載入

• wepy-com-charts ★20 - 微信小程式wepyjs圖表控制元件

• WechatLoading ★14 - 載入框佈局LoadingView

• wxTabs ★13 - 微信小程式的多tab實現

• wxapp-lock ★12 - 微信小程式手勢解鎖

• 開發框架

• mpvue ★6425 - 基於 Vue.js 的小程式開發框架，從底層支援 Vue.js 語法和構建工具體系。vue人士福利

• Labrador ★785 - 微信小程式模組化開發框架

• wxapp-devFrame ★49 - 小程式基本的開發框架

• 實用庫

• wxParse ★1107 - 微信小程式富文字解析自定義元件

• wechat-weapp-redux ★189 - 微信小程式Redux繫結

• wxapp-socket-io ★123 - 微信小程式的SocketIO客戶端

• wafer-client-sdk ★94 - 微信小程式客戶端騰訊雲增強 SDK

• WxNotificationCenter ★86 - 微信小程式通知廣播模式類

• wilddog-weapp ★67 - 野狗微信小程式客戶SDK

• wx-query ★62 - 微信小程式仿jQuery外掛

• wxapp-google-analytics ★59 - 讓微信小程式支援谷歌統計

• wxapp-jsapi ★49 - 百度地圖微信小程式

• wxstream ★19 - 微信小程式的響應式程式設計類庫封裝

• upyun-wxapp-sdk ★16 - 又拍雲微信小程式

• 開發工具

• wept ★1097 - 實時微信小程式開發工具

• weapp-quick ★320 - “微信Web開發者”拷貝工具

• Wxapp.vim ★213 - 微信小程式開發 Vim 外掛

• wechat_web_devtools ★179 - 微信開發者工具Linux版

• miniapps ★131 - 小程式專案腳手架工具

• Matchmaker ★107 - 專為微信小程式開發的外掛

• wecos ★64 - 微信小程式 COS 瘦身解決方案

• 服務端

• m-mall-admin ★137 - 建立REST API的樣板應用

• NAMI ★79 - 專為小程式而生的服務端開發容器

• weapp-node-server-demo ★72 - Wafer 服務端 Demo

• Wafer 服務端 SDK - Java ★67 - 企業級微信小程式全棧方案

• xpmjs ★67 - 小程式雲端增強 SDK

• weapp-php-server-sdk ★42 - 騰訊雲微信小程式雲端解決方案

Demo-部分

• weapp-demo ★1086 - 仿豆瓣電影微信小程式

• wechat-weapp-mall ★750 - 微信小程式移動端商城

• wechat-weapp-gank ★604 - Gank微信小程式

• SmallAppForQQ ★561 - 微信小程式高仿QQ應用

• weapp-wechat-zhihu ★518 - 微信中的知乎

• m-mall ★328 - 實現一個移動端小商城

• 仿芒果TV ★326 - 微信小程式demo

• weChatApp-Run ★265 - 跑步微信小程式Demo

• wechat-v2ex ★235 - 簡單的v2ex微信小程式

• 騰訊雲微信小程式 ★234 - 一站式解決方案客戶端示例

• weapp-weipiao ★234 - 微信小程式-微票

• wechat-weapp-taobao ★227 - 微信小程式demo 仿手機淘寶

• weapp-boilerplate ★220 - 一個為微信小程式開發準備的基礎骨架

• wechat_mall_applet ★201 - 巴爺微信商城的簡單版本

• wechat-weapp-movie ★182 - 微信小程式 - 電影推薦

• wechat-app-zhihudaily ★173 - 微信小程式-知乎日報

• wechat-app-music ★153 - 微信小程式： 音樂播放器

• fenda-mock ★153 - 使用微信小程式實現分答這款APP的基礎功能

• wechat-weapp-mapdemo ★152 - 微信小程式開發demo-地圖定位

• Artand ★123 - 微信小程式

• weapp-douban-film ★112 - 微信小程式 - 豆瓣電影

• wepy-wechat-demo ★105 - wepy仿微信聊天介面

• weapp-one ★104 - 仿 「ONE · 一個」 的微信小程式

「 必看宣告 」

由於微信不讓在文章發外鏈，所以請注意，請注意，請注意！

請你不要再懶了，複製這個連結自己在瀏覽器開啟吧，因為pc開啟更容易開發和收集資訊。

連結-複製開啟，資源都在裡面：

https://github.com/xiaobei666/weixin-xiaochengxu666-info

xiaobei666 是我的github 地址，平時也沒怎麼維護和開源，大家進去如果有需要和興趣可以順手給我點亮一下星星。

「 0基礎入門如何學 」

重要一點：沒開發過小程式的童鞋怎麼辦？我們如何學習小程式一系列開發流程並配合後臺管理系統快速上線一個小程式，以免錯過這個賺錢的風口呢？快速學習無外乎兩點

1、快速檢視官網微信枯燥的小程式API 和一些指導教程，這需要很好的學習能力和很多基本的程式設計技能素養~適合老手

2、不用說了，就是看視訊教程，一步一個腳印的跟著有經驗的教程來深入淺出，就像當初我自學css一樣。這個入門最快，而且不枯燥~ 適合新手和轉行者。

如果你想更系統地學習微信小程式開發技術怎麼辦？我不可能開班授課一步一步教給大家，一是我沒那個組織能力，二是我目前也不打算收錢教學生（雖說後臺很多人希望我開培訓，付費也願意）

其他也不用多說了，那些常說我乾貨少了的粉絲，要體諒下，寫文章、找乾貨是很費精力和頭腦的事情，可能你們回家在玩遊戲或者睡覺的時候，我都在找素材寫文章。

所以眾口難調，希望我們互相支援和理解，不要把我必須分享乾貨當作理所當然。覺得好就贊和留言並且轉發下就算支援我了。

延伸閱讀：

可能是最帥的公眾號

認真生活、快樂工作

長按掃碼關注我