2020年最火vue的UI框架

在做vue项目开发的时候遇到了一个问题,如何选择自己的技术栈?随着vue的开发者越来越多,各种框架也渐渐多起来,面对众多的框架,如何选择一款适合自己业务的框架,还是一件比较纠结的事情,今天总结了一下2020年GitHub上面比较受欢迎,star较高的几个UI框架。

1:饿了么ElementUI

推荐指数:star:45.2k
适用:PC端

官网地址:http://element-cn.eleme.io/#/zh-CN
GitHub地址:https://github.com/ElemeFE/element

介绍:
element-ui中规中矩,上手挺快,大多数vue开发应该都是选择element,因为社区做的比较完整,不懂的可以在网上找到很多解答,PC端开发,请选择ElementUI,是真的好用!各种组件功能考虑的很周到且便于扩展。最重要的一点,引入方便!可以快速成型,对后端工程师比较友好。

2:vuetify

推荐指数:star:25.4k
适用:移动PC多端支持

GitHub地址:https://github.com/vuetifyjs/vuetify
官网地址:https://vuetifyjs.com/zh-Hans/

Vuetify确实是一款非常精致的UI框架,它提供了很多常用的组件,依靠Material Design的设计优势,让你无需编写一行css代码就可以得到非常美观的界面功能。响应式做的不错,移动PC多端支持,配置灵活,组件也挺多的,足够现代,功能全面vuetify,一直用一直爽,强烈推荐vuetify。

3:iView

推荐指数:star:23.2k
适用:PC 界面的中后台产品。

官网地址:http://v1.iviewui.com/
GitHub地址:https://github.com/iview/iview

描述:iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。功能丰富,友好的 API ,自由灵活地使用空间细致、漂亮的 UI,最主要的是文档特别详细,强烈安利哟~

4:vux

推荐指数:star:17k
适用:移动端
官网地址:https://vux.li/
GitHub地址:https://github.com/airyland/vux

介绍:VUX 是基于 WeUI 和 Vue.js 的 移动端 UI 组件库,提供丰富的组件满足移动端(微信)页面常用业务需求。

图片.png

5 :mintui

星星指数:star:15.7k
适用:移动端

官网地址:http://mint-ui.github.io/#!/zh-cn
GitHub地址:https://github.com/ElemeFE/mint-ui

mintui两三年没更新了。个人感觉还是不用吧,因为星星有15.7k,就先记录一下

6:有赞vant

推荐指数:star:13.7k
适用:移动端

网站地址:https://youzan.github.io/vant
GitHub地址::https://github.com/youzan/vant

Vant 是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库。通过 Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近 50 个组件,这些组件被广泛使用于有赞的各个移动端业务中。 Vant 旨在更快、更简单地开发基于 Vue 的美观易用的移动站点。

7: ant-design-vue

推荐指数:star:10.3k
适用:PC端

文档地址:https://antdv.com/docs/vue/getting-started-cn/
GitHub地址:https://github.com/vueComponent/ant-design-vue
介绍:
一个网友维护的ant design vue版本, 致力于提供给程序员愉悦的开发体验。

8:滴滴cube-ui

推荐指数:star:8k
适用:移动端
网站地址:https://didi.github.io/cube-ui/
GitHub:https://github.com/didi/cube-ui
介绍:基于 Vue.js 实现的精致移动端组件库

以上仅代表个人观点,还有没总结到的vue的UI框架框架,大家可以在评论区留言补充哦。

原文:祈澈菇凉
链接:https://www.jianshu.com/p/e0c50ab627d2

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值