小编推荐： Fundebug提供JS、微信小程序、微信小游戏，Node.js和Java错误监控。真的是一个很好用的错误监控服务，众多大佬公司都在使用。
摘要： 今天我们不聊技术，只"以貌取人"。
前言
之前有很多刚入门的小伙伴问我(上面是我的自拍照），现在前端Vue、React、Angular这三个框架似乎都很好，反而不知道选择什么了，我当时开玩笑的说你觉得哪个好看就选择哪个呗。本人目前用的Angularjs做Fundebug开发时会经常去Google一些独立的UI组件来实现某些功能，经常会情不自禁的去国内(下面列出)的这些官网去瞄几眼，那种羡慕之情。。。哎。。。。
花痴的原因
我毫不隐讳我就是个"外貌协会"，如果做UI的样子还不好看那基本GG了。我的写UI效果的水平着实不怎么样，宁愿写复杂的业务逻辑也不愿意写效果。。尴尬。。。用UI框架能使我做项目的速度提高一倍，这可以使我少掉几根头发，多些时间进行修身养性。拿来主义没有错，看人家封装的组件，我的代码水平其实提高了。有些高手一说到写效果就是自己直接CSS，不推荐使用UI框架。一套强大的UI框架可以解决90%以上的组件支持，项目轻量易维护。
选择UI框架的原则
Github上star多的，数据不会说假话。后起之秀优先于老牌劲旅，我不但是"外貌协会"还"喜新厌旧"，只局限在技术。选择国内的优先于国外的，个人感觉国外偏极客，至少样子上不符合我的审美。持续维护中的，持续输出让我们使用短期内没有后顾之忧。
推荐UI框架
UI框架Github Star环境团队
Element25Kvue国内iView14Kvue国内 Material-UI34Kreact国外Ant Design26Kreact国内 Angular Material13Kangular国外 NG-ZORRO2.6Kangular国内
听说长得好看的人不仅BUG少，还用Fundebug监控BUG。
其他UI框架
UI框架Github Star环境团队
Vue Antd1.4Kvue国内Vue-Blu1.2Kvue国内N30.8Kvue国内AliTelecom UI0.5Kvue国内 Blueprint8.9Kreact国外 React-Toolbox7.8Kreact国外 React Desktop7.3Kreact国外 Semantic-UI-React6.5Kreact国外 Grommet3.1Kreact国外 Fabric2.4Kreact国外 React-md1.6Kreact国外 OnsenUI6.2KAngular国外 PrimeNG3.9KAngular国外 Semantic UI0.9KAngular国外 ng-lightning0.6KAngular国外 Kendo UI0.2KAngular国外
有趣的数据
作者自动忽略Boostrap这个曾经的王者,如果大佬你是Boostrap的忠实粉丝请轻点喷,我其实也是个Boostrap使用者。作者推荐的6个UI框架中其中：国内：4个 国外：2个。上面列出的所有UI框架中Github的Star数其中：React：97.6K > Vue 42.9K > Angular 27.4K 。上面列出的所有UI框架中Github的Star数其中属于国内团队开发的：Vue：42.9K > React 26K > Angular 2.6K 。上面列出的所有UI框架中Github的Star数其中国内外的份额：国内：71.5K 国外：96.4K 。上面列出来的所有UI框架中Vue全是国内团队。阿里Ant旗下支持React有Ant Design,支持Angular有NG-ZORRO(列出中唯一个国内支持Angular的）,但是支持Vue的Vue Antd没有继续维护了。
关于Fundebug
Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线，Fundebug累计处理了10亿+错误事件，付费客户有Google、360、金山软件、百姓网等众多品牌企业。欢迎大家免费试用！
你可能感兴趣的
您可能感兴趣的
30个极大提高开发效率的VS Code插件10个JavaScript难点10个最佳ES6特性重新思考单元测试前端错误收集（Vue.js、微信小程序）不要争了！技术选择没那么重要用Fundebug插件记录网络请求异常没有Fundebug不能复现的BUG黑科技！Fundebug支持网页录屏!你还在等着用户反馈BUG?Fundebug抓到了这个BugFundebug支持Source MapFundebug上线2周年！陪你一起Debug！Fundebug三周年！生日快乐！
