當(dāng)前位置：首頁(yè) > 前端技术 > vue >内容正文

vue

Vue、React、Angular最佳UI框架

發(fā)布時(shí)間：2025/6/15 vue 45 豆豆

生活随笔收集整理的這篇文章主要介紹了 Vue、React、Angular最佳UI框架小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

摘要： 今天我們不聊技術(shù)，只"以貌取人"。

剛?cè)腴T(mén)的小伙伴問(wèn)我(上面是我的自拍照），現(xiàn)在前端Vue、React、Angular這三個(gè)框架似乎都很好，反而不知道選擇什么了，我當(dāng)時(shí)開(kāi)玩笑的說(shuō)你覺(jué)得哪個(gè)好看就選擇哪個(gè)唄。本人目前用的Angularjs做Fundebug開(kāi)發(fā)時(shí)會(huì)經(jīng)常去Google一些獨(dú)立的UI組件來(lái)實(shí)現(xiàn)某些功能，經(jīng)常會(huì)情不自禁的去國(guó)內(nèi)(下面列出)的這些官網(wǎng)去瞄幾眼，那種羨慕之情。。。哎。。。。

花癡的原因

我毫不隱諱我就是個(gè)"外貌協(xié)會(huì)"，如果做UI的樣子還不好看那基本GG了。
我的寫(xiě)UI效果的水平著實(shí)不怎么樣，寧愿寫(xiě)復(fù)雜的業(yè)務(wù)邏輯也不愿意寫(xiě)效果。。尷尬。。。
用UI框架能使我做項(xiàng)目的速度提高一倍，這可以使我少掉幾根頭發(fā)，多些時(shí)間進(jìn)行修身養(yǎng)性。
拿來(lái)主義沒(méi)有錯(cuò)，看人家封裝的組件，我的代碼水平其實(shí)提高了。有些高手一說(shuō)到寫(xiě)效果就是自己直接CSS，不推薦使用UI框架。
一套強(qiáng)大的UI框架可以解決90%以上的組件支持，項(xiàng)目輕量易維護(hù)。

選擇UI框架的原則

Github上star多的，數(shù)據(jù)不會(huì)說(shuō)假話。
后起之秀優(yōu)先于老牌勁旅，我不但是"外貌協(xié)會(huì)"還"喜新厭舊"，只局限在技術(shù)。
選擇國(guó)內(nèi)的優(yōu)先于國(guó)外的，個(gè)人感覺(jué)國(guó)外偏極客，至少樣子上不符合我的審美。
持續(xù)維護(hù)中的，持續(xù)輸出讓我們使用短期內(nèi)沒(méi)有后顧之憂。

其他UI框架

UI框架Github Star環(huán)境團(tuán)隊(duì)

Vue Antd	1.4K	vue	國(guó)內(nèi)
Vue-Blu	1.2K	vue	國(guó)內(nèi)
N3	0.8K	vue	國(guó)內(nèi)
AliTelecom UI	0.5K	vue	國(guó)內(nèi)
Blueprint	8.9K	react	國(guó)外
React-Toolbox	7.8K	react	國(guó)外
React Desktop	7.3K	react	國(guó)外
Semantic-UI-React	6.5K	react	國(guó)外
Grommet	3.1K	react	國(guó)外
Fabric	2.4K	react	國(guó)外
React-md	1.6K	react	國(guó)外
OnsenUI	6.2K	Angular	國(guó)外
PrimeNG	3.9K	Angular	國(guó)外
Semantic UI	0.9K	Angular	國(guó)外
ng-lightning	0.6K	Angular	國(guó)外
Kendo UI	0.2K	Angular	國(guó)外

有趣的數(shù)據(jù)

作者自動(dòng)忽略Boostrap這個(gè)曾經(jīng)的王者,如果大佬你是Boostrap的忠實(shí)粉絲請(qǐng)輕點(diǎn)噴,我其實(shí)也是個(gè)Boostrap使用者。
作者推薦的6個(gè)UI框架中其中：國(guó)內(nèi)：4個(gè) 國(guó)外：2個(gè)。
上面列出的所有UI框架中Github的Star數(shù)其中：React：97.6K > Vue 42.9K > Angular 27.4K 。
上面列出的所有UI框架中Github的Star數(shù)其中屬于國(guó)內(nèi)團(tuán)隊(duì)開(kāi)發(fā)的：Vue：42.9K > React 26K > Angular 2.6K 。
上面列出的所有UI框架中Github的Star數(shù)其中國(guó)內(nèi)外的份額：國(guó)內(nèi)：71.5K 國(guó)外：96.4K 。
上面列出來(lái)的所有UI框架中Vue全是國(guó)內(nèi)團(tuán)隊(duì)。
阿里Ant旗下支持React有Ant Design,支持Angular有NG-ZORRO(列出中唯一個(gè)國(guó)內(nèi)支持Angular的）,但是支持Vue的Vue Antd沒(méi)有繼續(xù)維護(hù)了。

關(guān)于Fundebug

Fundebug專(zhuān)注于JavaScript、微信小程序、微信小游戲、支付寶小程序、React Native、Node.js和Java實(shí)時(shí)BUG監(jiān)控。自從2016年雙十一正式上線，Fundebug累計(jì)處理了7億+錯(cuò)誤事件，得到了Google、360、金山軟件、百姓網(wǎng)等眾多知名用戶的認(rèn)可。歡迎免費(fèi)試用！

版權(quán)聲明

轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：

https://blog.fundebug.com/2018/04/13/best-ui-framework/

總結(jié)

以上是生活随笔為你收集整理的Vue、React、Angular最佳UI框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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