主页 > 查询

web前端开发需要了解的10个VUE UI框架

时间:2020-03-21 来源:NIEBURG丽堡格

上一篇文章介绍了前端现状,今天针对当下比较流行的vue生态推荐10个比较实用的UI框架,包括中后台及移动端产品。

虽说vue方便了我们的开发,但没有涉及到具体UI部分,而在开发中无论后台管理还是移动端系统,拥有一套结构及组件良好的UI框架,无疑可以提升团队开发效率。

这也是我整理推荐这些UI框架的重要原因,下面分别介绍:

中后台产品框架:


  1. ElementUI - 出自饿了么团队


由饿了么前端开源的UI框架,在github 上高达34.8k的star,目前被众多企业应用,丰富的组件库,是开发后台系统的利器,想必大家都有所耳闻。

项目地址:http://element-cn.eleme.io


2 .iView - 出自TalkingData团队

同样是非常优秀的中后台UI框架,目前GitHub上已19.7个start,相信使用也会越来越多。

项目地址:http://v1.iviewui.com


3. Ant Design Vue - 出自蚂蚁金服


众所周知,Ant Design作为一门设计语言面世,经历过多年的迭代和积累,它对UI的设计思想已经成为一套事实标准,受到众多前端开发者及企业的追捧和喜爱。

项目地址:https://ant-design-vue.github.io/antv-doc/


4. AT-UI - 出自京东凹凸实验室


AT-UI 是一款基于 Vue.js 2.0 的轻量级、模块化前端 UI 组件库,主要用于快速开发 PC 网站产品。AT-UI 提供了一套 npm + webpack + babel 前端开发工作流程,及一个体面干净整洁的 UI 组件。

项目地址:https://at-ui.github.io/at-ui/#/zh


5. Vuetify


Vuetify是一个渐进式的框架,试图推动前端开发发展到一个新的水平,Vuetify 支持SSR(服务端渲染),SPA(单页应用程序),PWA(渐进式Web应用程序)和标准HTML页面。

项目地址:https://vuetifyjs.com/zh-Hans/getting-started/quick-start


移动端产品框架:

1. Vant UI - 出自有赞团队


由有赞团队开源的移动端UI框架,对于移动电商应用的开发来说,有很多写好的页面组件,可以直接拿来使用。

项目地址:https://www.youzanyun.com/zanui


2. Vux - 由个人维护


这个UI框架由个人创建维护,将微信的weui及vue结合,如果你开发微信下的系统,是不错的选择。

项目地址:https://vux.li/


3. Vum


还是利用weui样式结合vue的UI框架,不过已经2年没有更新了

项目地址:https://github.com/lihongxun945/vum


4. cube-ui - 滴滴团队出品


由滴滴内部组件库精简提炼而来,经历了业务一年多的考验,并且每个组件都有充分单元测试。以迅速响应、动画流畅、接近原生为目标,在交互体验方面追求极致。

项目地址:https://didi.github.io/cube-ui/#/zh-CN/


5. Vonic UI


基于ionic css和vue.js的移动端框架

项目地址:https://wangdahoo.github.io/vonic/docs/#/

另外还有weex、mint ui等,对于这类框架我们利用好了,在开发上应该可以提升很大的效率,另外框架本身开源,也是我们学习的素材。希望对你有些帮助 ; )

关注我后持续学习web开发相关内容