特別說明：這是我目前在接觸過和使用過的，自認為是最好用的一個小程序開源框架庫。 小程序到底有(you)多火，看(kan)看(kan)目(mu)前推出的開(kai)源框架以(yi)及組件庫就(jiu)知道(dao)了(le)。由于(yu)小程序開(kai)發(fa)的火爆，大(da)家都在(zai)致力于(yu)探索如何更(geng)好的，更(geng)加高效的開(kai)發(fa)小程序，以(yi)至于(yu)很多公司(si)都貢獻了(le)小程序開(kai)源框架和(he)組件庫。 比(bi)如我列舉(ju)一些： 開源框架1、 mpvue mpvue 是美(mei)團(tuan)點評開(kai)源(yuan)的一(yi)個使(shi)用 Vue.js 開(kai)發(fa)小(xiao)程(cheng)序(xu)(xu)的前端框架(jia)。框架(jia)基(ji)(ji)于(yu) Vue.js 核心(xin)，mpvue 修改了 Vue.js 的 runtime 和 compiler 實現，使(shi)其可以運行在小(xiao)程(cheng)序(xu)(xu)環境中，從而為小(xiao)程(cheng)序(xu)(xu)開(kai)發(fa)引入了整套(tao) Vue.js 開(kai)發(fa)體(ti)驗。使(shi)用 mpvue 開(kai)發(fa)小(xiao)程(cheng)序(xu)(xu)，你將在小(xiao)程(cheng)序(xu)(xu)技術體(ti)系的基(ji)(ji)礎上(shang)獲取到這樣一(yi)些(xie)能(neng)力：
Github：//github.com/Meituan-Dianping/mpvue 2、Tina.js Tina.js 一(yi)款輕巧的漸進式微信小程(cheng)序框架。 特性： 輕盈(ying)小(xiao)巧。 極易上(shang)手，保留(liu) MINA (微信小(xiao)程序官方框架) 的(de)大部分(fen) API 設計；無(wu)論你有無(wu)小(xiao)程序開發經驗，都可以(yi)輕松過渡上(shang)手。 漸進增(zeng)強，既有狀態管(guan)理器，也有路由增(zeng)強，還可以(yi)自己編寫(xie)插件。 Tina.js 開源框架地址：//github.com/tinajs/tina 3、Taro Taro 是由京東 - 凹凸實驗室(shi)打(da)造的(de)(de)一套遵循 React 語法規(gui)范的(de)(de)多端統一開發(fa)框架。我要沒記錯的(de)(de)話，是最近剛(gang)剛(gang)開源的(de)(de)。 使(shi)用 Taro，我們(men)可以(yi)只書寫一套代(dai)(dai)碼，再通過 Taro 的編(bian)譯工具，將源代(dai)(dai)碼分別編(bian)譯出可以(yi)在(zai)不同端(duan)（微信(xin)小(xiao)程序、H5、App 端(duan)等）運行的代(dai)(dai)碼。同時 Taro 還提(ti)(ti)供開(kai)(kai)箱即(ji)用的語法檢(jian)測(ce)和(he)自動(dong)補(bu)全(quan)等功能，有效地提(ti)(ti)升了開(kai)(kai)發體(ti)驗(yan)和(he)開(kai)(kai)發效率。
4、wepy WePY 是一款讓小(xiao)(xiao)程(cheng)序支持組件化開發(fa)的(de)框架，通過預編譯的(de)手段(duan)讓開發(fa)者可以選擇自己喜歡的(de)開發(fa)風格(ge)去開發(fa)小(xiao)(xiao)程(cheng)序。框架的(de)細節優化，Promise，Async Functions 的(de)引入都是為了(le)能讓開發(fa)小(xiao)(xiao)程(cheng)序項(xiang)目變得更加(jia)簡單，高效。 特性：
Github ：//github.com/Tencent/wepy 5、weweb weweb 是(shi)一個(ge)兼容小程序(xu)(xu)語法(fa)的(de)前(qian)端框架，你可以(yi)用(yong)小程序(xu)(xu)的(de)寫法(fa)，來寫 web 應用(yong)。如果(guo)你已經(jing)有小程序(xu)(xu)了，通過它你可以(yi)將你的(de)小程序(xu)(xu)運行在瀏覽器(qi)中。 特性： 跨平臺，一套(tao)代碼多(duo)端運行（小(xiao)程序(xu)、h5、未來直接打包成安卓(zhuo)、ios app 也不是夢) 自帶常用組件，完美繼(ji)承了(le)小(xiao)程序(xu)內置組件 兼(jian)容小(xiao)程序(xu) rpx 語法，使頁面(mian)更(geng)容易(yi)適配(pei)各種機(ji)型 GitHub：//github.com/wdfe/weweb 組件庫還(huan)有各種開源的組(zu)件庫，比如(ru)有以下這幾(ji)個(ge)： 有(you)贊的 zanui-weapp 和 iview 這兩個比較出(chu)名。 這兩個組件庫我之前在我的公(gong)眾號都(dou)推(tui)薦(jian)過，具體用法(fa)和功能我就(jiu)不多介紹(shao)了(le)，自(zi)己找我以前的推(tui)文或者自(zi)己搜索一下就(jiu)很(hen)清(qing)楚(chu)了(le)。用法(fa)很(hen)簡單。 大餐來了上(shang)面(mian)介紹了 5 個(ge)開(kai)(kai)(kai)源(yuan)(yuan)(yuan)框(kuang)架和兩(liang)個(ge)組件(jian)庫，我并(bing)不是(shi)說上(shang)面(mian)的(de)不好，上(shang)面(mian)的(de)絕(jue)對都很(hen)好，不管上(shang)面(mian)的(de)幾(ji)個(ge)開(kai)(kai)(kai)源(yuan)(yuan)(yuan)框(kuang)架還是(shi)組件(jian)庫都是(shi)大廠產(chan)品，都很(hen)好。但是(shi)他們僅(jin)僅(jin)就(jiu)是(shi)開(kai)(kai)(kai)源(yuan)(yuan)(yuan)框(kuang)架就(jiu)是(shi)開(kai)(kai)(kai)源(yuan)(yuan)(yuan)框(kuang)架，組件(jian)庫就(jiu)是(shi)組件(jian)庫。一直(zhi)沒有(you)滿足我單獨針對微信小(xiao)程序開(kai)(kai)(kai)發的(de)痛(tong)點。 小程序開(kai)發一(yi)(yi)個是(shi)開(kai)源框(kuang)架(jia)的好用，另外(wai)一(yi)(yi)個就是(shi)豐富(fu)的組件庫，單純(chun)官方推出的并不能滿足我們的需(xu)要(yao)，上面的框(kuang)架(jia)和組件庫都是(shi)分開(kai)的。所以并不能解決我的痛點(dian)。而今天我推薦的這個開(kai)源框(kuang)架(jia)既能提供(gong)框(kuang)架(jia)也豐富(fu)擴展(zhan)了(le)很多(duo)組件，使我們開(kai)發的時(shi)候不用擔心再自(zi)己封裝(zhuang)組件了(le)。 其實上面分享的(de)組件庫(ku)有一(yi)個重(zhong)大的(de)缺點(dian)，他們組件庫(ku)足夠豐富，但(dan)是(shi)對于樣(yang)式的(de)自定義很(hen)死板，不(bu)靈活，但(dan)是(shi)今天(tian)的(de)這個就(jiu)靈活多了(le)。 我給大家推薦的這(zhe)個開源框架就是(shi)：touchwx。 Touch WX 是一套完全免費的微(wei)信小程(cheng)序開發框(kuang)架(jia)，包(bao)含豐富的 UI 控件(jian)用(yong)于官(guan)方組件(jian)的補充。特點如(ru)下： 1、組件擴充： 增加了(le) 30 多種常用的組件用于官方組件的補充(chong)。 2、功能擴(kuo)充(chong)： 兼容阿里的 iconfont 圖(tu)標庫，海量矢量圖(tu)標隨意(yi)使(shi)用(yong)；補(bu)充了常用(yong)樣式庫、支持(chi) less 語法、支持(chi)全局配置主(zhu)題色等 3、開(kai)發體驗改(gai)善： 四文件(jian)方式改為單文件(jian)方式，通過(guo) VSCode 編輯(ji)器 + 插件(jian)的方式開發，擁(yong)有 web 開發體(ti)驗； 4、小程序(xu)轉(zhuan)為(wei) H5 應用： 可以與 H5 開發框架 Touch UI 工程相互轉換，發布成(cheng) webApp。開發一套(tao)代碼(ma)，擁有(you)兩套(tao)應用(yong)。 這套框架的原理是： 將 Touch WX 工(gong)程(cheng)(cheng)中所寫的(de)(de)代碼(ma)進行編譯(yi)，直接輸出為微(wei)信小(xiao)程(cheng)(cheng)序(xu)工(gong)程(cheng)(cheng)原始代碼(ma)。擴充的(de)(de) 30 多種組件，完全是基于(yu)小(xiao)程(cheng)(cheng)序(xu)官方的(de)(de)自定(ding)義(yi)組件機制實現(xian)（row&col 除外）。 所(suo)以它(ta)支持(chi)小程(cheng)序的全(quan)部語法，怎(zen)么開發(fa)小程(cheng)序，就怎(zen)么開發(fa) Touch WX。 不過因為是(shi)單文件的(de)開發方式，在文件的(de)代碼結(jie)構上(shang)稍有不同。請注意這一點。 這樣好處在于： 1、開發者遷移成本很(hen)小(xiao)。 可以輕松(song)的(de)將已有(you)的(de)小程序(xu)移(yi)植(zhi)為 Touch WX 工(gong)程，來使用它的(de)擴展能力； 2、便(bian)于排查錯(cuo)誤。 當遇到(dao)問題(ti)(ti)時，開發者也可以隨時查看輸出(chu)的小程序原(yuan)始代碼來定(ding)位(wei)問題(ti)(ti)所在。不(bu)會搞不(bu)清楚到(dao)底(di)是框架問題(ti)(ti)還是自己代碼的問題(ti)(ti)； 3、按(an)需(xu)編(bian)譯 由(you)于小程序(xu)對體積(ji)有限制，在(zai)使用(yong)框(kuang)架開發(fa)時(shi)，只有使用(yong)到的組件才會編(bian)譯輸出為小程序(xu)源碼(ma)。沒用(yong)到的不會輸出。 4、不會對(dui)框架產生(sheng)依(yi)賴。 以后不想用(yong)了這套框(kuang)架，可以直(zhi)接對已經(jing)輸(shu)出的(de)小程序工程進行(xing)維護。 目(mu)前(qian)我認為(wei)單獨(du)針(zhen)對小(xiao)程序開發的(de)話，這個開源(yuan)框架(jia)是最適(shi)合(he)我們的(de)，效率(lv)也是最高的(de)。 |
