Tora UI 框架

**1. 安裝 Taro 腳手架工具** npm install -g @tarojs/cli**使用命令創(chuàng)建模板項(xiàng)目**taro init myApp**安裝 Taro UI**cd myAppnpm install taro-ui**引入** // page.js import { AtButton } from 'taro-ui' // 除了引入所需的組件，還需要手動(dòng)引入組件樣式 // app.js import 'taro-ui/dist/style/index.scss' // 全局引入一次即可

Mint UI

[使用手冊(cè)](http://mint-ui.github.io/#!/zh-cn)框架展示很直觀

Vant框架

[使用手冊(cè)](https://youzan.github.io/vant/#/zh-CN/quickstart) 組件多 直觀

##Vuex

熱加載 和數(shù)據(jù)交互

Cube-ui

顏色主題的框架

餓了么框架

新手最適用的框架

前言
剛開(kāi)始寫bolg，嘗試記錄一些日常。
無(wú)意找了個(gè)很好看的小程序UI組件庫(kù)：ColorUI github。
之前做的小程序小工具都是使用原生的自己編碼的，難免會(huì)有東拼西湊的地方，正好這段時(shí)間有空，準(zhǔn)備花點(diǎn)時(shí)間找一個(gè)較好的小程序組件庫(kù)或者框架，來(lái)提示開(kāi)發(fā)效率，以及能提高逼格- -
準(zhǔn)備
百度了一堆，結(jié)果如下：
組件庫(kù)
有贊UI組件庫(kù)：vant webapp github
適用商城類，簡(jiǎn)單的需求用這個(gè)也不錯(cuò)
蘑菇街UI組件庫(kù)：MinUI github
挺好看的，但是搜出來(lái)使用這個(gè)的不多，可能我姿勢(shì)不對(duì)吧
TalkingData UI組件庫(kù)：iView webapp github
組件多…
Wux WeApp UI組件庫(kù)：Wux WeApp github
好像是個(gè)人開(kāi)發(fā)的，效果也不錯(cuò)，有日歷手風(fēng)琴等
京東 UI組件庫(kù)：Taro-UI github
結(jié)合taro框架用react開(kāi)發(fā)方式的，不適合
ColorUI UI組件庫(kù)：ColorUI github
直接添加class即可實(shí)現(xiàn)效果，視覺(jué)效果很棒。
前端框架
美團(tuán)點(diǎn)評(píng)：mpvue github
使用 Vue.js 開(kāi)發(fā)小程序的前端框架。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 實(shí)現(xiàn)，使其可以運(yùn)行在小程序環(huán)境中，從而為小程序開(kāi)發(fā)引入了整套 Vue.js 開(kāi)發(fā)體驗(yàn)。
京東：Taro github
多端統(tǒng)一開(kāi)發(fā)框架，支持用 React 的開(kāi)發(fā)方式編寫一次代碼，生成能運(yùn)行在微信小程序、H5、React Native 等的應(yīng)用
騰訊：WePY github
接近于 Vue.js
WeTouch：Touch WX 文檔
小結(jié)
框架：京東的是 React 方式編碼，其他多數(shù)是vue方式。不考慮框架，因?yàn)槎紱](méi)用過(guò)，耗時(shí)多- -
UI組件：看了issue和考慮大廠使用，選用vant webapp、iView webapp
前前后后花了2，3天時(shí)間了解微信小程序的組件庫(kù)和前端框架，本來(lái)準(zhǔn)備使用mpvue的，但基于開(kāi)源時(shí)間不是很長(zhǎng)，自己不熟悉vue.js，怕自己爬不出坑放棄了，還是選擇UI組件庫(kù)。因?yàn)閼?#xff0c;選了組件較多的iView webapp，還有一個(gè)原因就是iview還有iview admin后臺(tái)框架，萬(wàn)一哪天能用上呢~
準(zhǔn)備使用的是后臺(tái)框架ASPNET MVC5.0+EASYUI+EF+WEBAPI，小程序前端選擇iView webapp。當(dāng)然還有好看的Color UI
開(kāi)始
上面基本上都會(huì)用到npm；而且由于微信小程序?qū)懛ㄒ差愃苬ue，加上選擇的iView是基于vue.js的UI組件庫(kù)，iView webapp使用方式與iView基本一致，所以還要學(xué)習(xí)了解一下vue.js。就這樣準(zhǔn)備使用iView webapp前，再研究研究node.js和vue.js咯，畢竟是奔著學(xué)習(xí)來(lái)的。
網(wǎng)上找了一個(gè)文章，感覺(jué)不錯(cuò)，大致瀏覽，了解即可，畢竟這次目的是小程序。node.js入門

總結(jié)

以上是生活随笔為你收集整理的小程序前端框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。