最近小程序生态基本已經趨于(yú)穩定，而(ér)且各大(dà)、小、創業公司都已經全面轉化到(dào)小程序産品線，很多童鞋的(de)公司主産品線都已經被小程序占領，不(bù)得不(bù)說(shuō)現在(zài) web前端和(hé / huò)後端又要(yào / yāo)多一(yī / yì ／yí)門基本技能：了(le／liǎo)解并開發小程序。

小程序是(shì)騰訊幹兒子(zǐ)系列，異常重視，從版本叠代周期頻率就(jiù)可以(yǐ)感受出(chū)來(lái)，3天小更新，半月大(dà)更新，我們何曾感受到(dào)過哪個(gè)大(dà)公司平台的(de)産品更新如此激烈高潮的(de)？所以(yǐ)基于(yú)大(dà)家的(de)需求、需要(yào / yāo)，蘇州微信小程序開發定制收集各個(gè)幹貨和(hé / huò)資料，其中有基本的(de)小程序UI、開發框架、實用功能庫、開發工具，也(yě)有服務端開發框架、api模拟、全棧搭配開發方案、上(shàng)線demo等。這(zhè)是(shì)搜集的(de)開源總結，所以(yǐ)挑一(yī / yì ／yí)些常用并且好用的(de)來(lái)這(zhè)裏分享下，以(yǐ)防很多人(rén)不(bù)知道(dào)如何找資源，我目的(de)也(yě)是(shì)爲(wéi / wèi)大(dà)家分享更多的(de)資源和(hé / huò)幹貨，讓我們一(yī / yì ／yí)起事半功倍。github 項目。

UI組件

weui-wxss ★1873 - 同微信原生視覺體驗一(yī / yì ／yí)緻的(de)基礎樣式庫
zanui-weapp ★794 - 好用易擴展的(de)小程序 UI 庫
wx-charts ★449 - 微信小程序圖表工具
wux ★163 - 微信小程序自定義組件
wemark ★161 - 微信小程序Markdown渲染庫
wxapp ★131 - 微信小程序組件
wx-scrollable-tab-view ★116 - 小程序可滑動得tabview
wxapp-img-loader ★101 - 微信小程序的(de)圖片預加載組件
WeZRender ★96 - 微信小程序Canvas增強組件
wetoast ★77 - 仿照微信小程序提供的(de)showToast功能
wxSearch ★70 - 微信小程序優雅的(de)搜索框
wx_calendar ★65 - 小程序日曆
wxapp-charts ★52 - 微信小程序圖表charts組件
chartjs-wechat-mini-app ★42 - chartjs微信小程序适配
citySelect ★42 - 微信小程序城市選擇器
WeiXinProject ★36 - 列表的(de)上(shàng)拉刷新和(hé / huò)上(shàng)拉加載
wepy-com-charts ★20 - 微信小程序wepyjs圖表控件
WechatLoading ★14 - 加載框布局LoadingView
wxTabs ★13 - 微信小程序的(de)多tab實現
wxapp-lock ★12 - 微信小程序手勢解鎖

開發框架

wepy ★1325 - 小程序組件化開發框架
Labrador ★785 - 微信小程序模塊化開發框架
wxapp-devFrame ★49 - 小程序基本的(de)開發框架

實用庫

wxParse ★1107 - 微信小程序富文本解析自定義組件
wechat-weapp-redux ★189 - 微信小程序Redux綁定
wxapp-socket-io ★123 - 微信小程序的(de)SocketIO客戶端
wafer-client-sdk ★94 - 微信小程序客戶端騰訊雲增強 SDK
WxNotificationCenter ★86 - 微信小程序通知廣播模式類
wilddog-weapp ★67 - 野狗微信小程序客戶SDK
wx-query ★62 - 微信小程序仿jQuery插件
wxapp-google-analytics ★59 - 讓微信小程序支持谷歌統計
wxapp-jsapi ★49 - 百度地(dì / de)圖微信小程序
wxstream ★19 - 微信小程序的(de)響應式編程類庫封裝
upyun-wxapp-sdk ★16 - 又拍雲微信小程序

開發工具

wept ★1097 - 實時(shí)微信小程序開發工具
weapp-quick ★320 - “微信Web開發者”拷貝工具
Wxapp.vim ★213 - 微信小程序開發 Vim 插件
wechat_web_devtools ★179 - 微信開發者工具Linux版
miniapps ★131 - 小程序項目腳手架工具
Matchmaker ★107 - 專爲(wéi / wèi)微信小程序開發的(de)插件
wecos ★64 - 微信小程序 COS 瘦身解決方案

服務端

m-mall-admin ★137 - 創建REST API的(de)樣闆應用
NAMI ★79 - 專爲(wéi / wèi)小程序而(ér)生的(de)服務端開發容器
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 - 微信中的(de)知乎
m-mall ★328 - 實現一(yī / yì ／yí)個(gè)移動端小商城
仿芒果TV ★326 - 微信小程序demo
weChatApp-Run ★265 - 跑步微信小程序Demo
wechat-v2ex ★235 - 簡單的(de)v2ex微信小程序
騰訊雲微信小程序 ★234 - 一(yī / yì ／yí)站式解決方案客戶端示例
weapp-weipiao ★234 - 微信小程序-微票
wechat-weapp-taobao ★227 - 微信小程序demo 仿手機淘寶
weapp-boilerplate ★220 - 一(yī / yì ／yí)個(gè)爲(wéi / wèi)微信小程序開發準備的(de)基礎骨架
wechat_mall_applet ★201 - 巴爺微信商城的(de)簡單版本
wechat-weapp-movie ★182 - 微信小程序 - 電影推薦
wechat-app-zhihudaily ★173 - 微信小程序-知乎日報
wechat-app-music ★153 - 微信小程序： 音樂播放器
fenda-mock ★153 - 使用微信小程序實現分答這(zhè)款APP的(de)基礎功能
wechat-weapp-mapdemo ★152 - 微信小程序開發demo-地(dì / de)圖定位
Artand ★123 - 微信小程序
weapp-douban-film ★112 - 微信小程序 - 豆瓣電影
wepy-wechat-demo ★105 - wepy仿微信聊天界面
weapp-one ★104 - 仿 「ONE • 一(yī / yì ／yí)個(gè)」 的(de)微信小程序

沒開發過小程序的(de)童鞋怎麽辦？我們如何學習小程序一(yī / yì ／yí)系列開發流程并配合後台管理系統快速上(shàng)線一(yī / yì ／yí)個(gè)小程序，第一(yī / yì ／yí)、快速查看官網微信枯燥的(de)小程序API 和(hé / huò)一(yī / yì ／yí)些指導教程，這(zhè)需要(yào / yāo)很好的(de)學習能力和(hé / huò)很多基本的(de)編程技能素養~适合老手

第二、不(bù)用說(shuō)了(le／liǎo)，就(jiù)是(shì)看視頻教程，一(yī / yì ／yí)步一(yī / yì ／yí)個(gè)腳印的(de)跟着有經驗的(de)教程來(lái)深入淺出(chū)，就(jiù)像當初我自學css一(yī / yì ／yí)樣。這(zhè)個(gè)入門最快，而(ér)且不(bù)枯燥~ 适合新手和(hé / huò)轉行者。