來(lái)源: 趣談前端 公眾號(hào)
首發(fā): 趣談前端
今天和大家分享幾個(gè)小程序開(kāi)源項(xiàng)目, 幫助我們輕松搭建自己的小程序應(yīng)用. 我會(huì)從大家最熟悉的小程序UI組件, 到可視化庫(kù), 再到完整項(xiàng)目, 一一和大家介紹.
Vant Weapp 是移動(dòng)端 Vue 組件庫(kù) Vant 的小程序版本，兩者基于相同的視覺(jué)規(guī)范，提供一致的 API 接口，助力開(kāi)發(fā)者快速搭建小程序應(yīng)用。
我個(gè)人覺(jué)得, 如果你是一名前端開(kāi)發(fā)人員, 使用該UI庫(kù)可以更靈活高效的開(kāi)發(fā)小程序, 同時(shí)還能提高自己的編程能力. 移動(dòng)端的訪問(wèn)界面如下:
開(kāi)源地址: https://github.com/vant-ui/vant-weapp
2. iView WeappiView 是一套高質(zhì)量的微信小程序 UI 組件庫(kù), 和 vant-weapp 類似, 是一個(gè)開(kāi)箱即用的組件庫(kù), 對(duì)于兩者區(qū)別來(lái)說(shuō), 筆者認(rèn)為 vant-weapp 在文檔,性能和社區(qū)使用率上略勝一籌.
界面如下:
開(kāi)源地址: https://github.com/TalkingData/iview-weapp
小程序多端開(kāi)發(fā)框架1. Uni-appuni-app 是一個(gè)使用 Vue.js 開(kāi)發(fā)所有前端應(yīng)用的框架，開(kāi)發(fā)者編寫(xiě)一套代碼，可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/飛書(shū)/QQ/快手/釘釘/淘寶）、快應(yīng)用等多個(gè)平臺(tái)。接下來(lái)我來(lái)分享一下它的架構(gòu):
github地址: https://github.com/dcloudio/uni-app
2. 網(wǎng)易考拉 MegaloMegalo 是基于 Vue（Vue@2.6.6） 的小程序開(kāi)發(fā)框架，讓開(kāi)發(fā)者可以用 Vue 的開(kāi)發(fā)方式開(kāi)發(fā)小程序應(yīng)用。Megalo 是為了跨 H5 和小程序兩端的應(yīng)用提供一個(gè)高效的解決方案，只需要少量改動(dòng)即可完成 H5 和小程序之間的代碼遷移。
Megalo 目前支持微信小程序，支付寶小程序，百度智能小程序，字節(jié)跳動(dòng)小程序。
github: https://github.com/kaola-fed/megalo
3. 京東TaroTaro 是一個(gè)開(kāi)放式跨端跨框架解決方案，支持使用 React/Vue/Nerv 等框架來(lái)開(kāi)發(fā) 微信 / 京東 / 百度 / 支付寶 / 字節(jié)跳動(dòng) / QQ / 飛書(shū) 小程序 / H5 / RN 等應(yīng)用。
現(xiàn)如今市面上端的形態(tài)多種多樣，Web、React Native、微信小程序等各種端大行其道。當(dāng)業(yè)務(wù)要求同時(shí)在不同的端都要求有所表現(xiàn)的時(shí)候，針對(duì)不同的端去編寫(xiě)多套代碼的成本顯然非常高，這時(shí)候只編寫(xiě)一套代碼就能夠適配到多端的能力就顯得極為需要。
同時(shí)它還提供了一套京東風(fēng)格的組件庫(kù) NutUI:
NutUI 從功能、組件、性能、官網(wǎng)四方面放入手，不斷在組件庫(kù)的豐富性、輕量化、易用性上進(jìn)行改進(jìn)，力求打造一款好用的移動(dòng)端組件庫(kù)，為開(kāi)發(fā)者提效，為業(yè)務(wù)賦能，為開(kāi)源貢獻(xiàn)一份力量。
github地址: https://github.com/nervjs/taro
4. Remaxremax 將 React 運(yùn)行在小程序環(huán)境中，讓我們可以使用完整的 React 進(jìn)行小程序開(kāi)發(fā)。 其具有如下特點(diǎn):
github地址: https://github.com/remaxjs
小程序可視化圖表庫(kù)echarts-for-weixin：Apache ECharts 的微信小程序版本開(kāi)發(fā)者可以通過(guò)熟悉的 ECharts 配置方式，快速開(kāi)發(fā)圖表，滿足各種可視化需求。
github地址: https://github.com/ecomfe/echarts-for-weixin
經(jīng)典小程序開(kāi)源項(xiàng)目1. wechat-app-mall：微信小程序商城微信小程序商城，微信小程序微店，長(zhǎng)期維護(hù)版本.我們可以使用它輕松搭建商城小程序, 只需要加上自己的后端, 對(duì)前端小修小改即可快速上線一個(gè)屬于自己的小程序.
github地址: https://gitee.com/javazj/wechat-app-mall
2. taro-music：網(wǎng)易云音樂(lè)小程序taro-music是基于Taro與網(wǎng)易云音樂(lè) api 開(kāi)發(fā)，技術(shù)棧主要是：typescript+taro+taro-ui+redux+react-hooks,目前主要是著重小程序端的展示，主要也是借此項(xiàng)目強(qiáng)化下上述幾個(gè)技術(shù)棧的使用，打造一個(gè)最佳實(shí)踐項(xiàng)目，通過(guò)這個(gè)項(xiàng)目也可以幫助你快速使用Taro開(kāi)發(fā)一個(gè)屬于你自己的小程序.
github地址: https://github.com/lsqy/taro-music
3. lowcode_news_mini 小程序的低代碼內(nèi)容社區(qū)lowcode_news_mini 是一個(gè)小程序的博客內(nèi)容社區(qū), 幫助開(kāi)發(fā)者建立自己的博客技術(shù)體系, 技術(shù)棧使用taro編寫(xiě), 非常適合想學(xué)習(xí)taro 開(kāi)發(fā)跨端小程序的前端伙伴, 并且代碼完全開(kāi)源.
github地址: https://github.com/MrXujiang/lowcode_news_mini
更多精彩分享6款yyds的可視化搭建開(kāi)源項(xiàng)目
如何評(píng)價(jià)Dooring低代碼/零代碼搭建平臺(tái)？
推薦! Dooring低代碼產(chǎn)品使用教程
