Vue友最爱的10个开箱即用的开源项目

image

截至目前Vue在GitHub上的Star数已经高达152601,还有绝大数像笔者一样不经常star别人的Vue友们(可恨可气)。 Vue因其友好程度让更多前端爱好者加入到其中,开源项目对程序员来说是很有用的。你可以通过读代码并且在现有项目的基础上构建一些东西来学习,因为如果想提高你的 Vue 开发技术,那么花些时间来了解开源项目是很值得的。今天推荐10个Vue开源项目,虽然不是最流行的开源项目,star数有的甚至只有两位数,但是实用性还是相对较强的。

Prettier

这是一个代码格式器,支持多种语言,与大多数的编辑器(Atom,Emacs,Visual Studio,Web Storm等)集成,实时更新,可与如JavaScript,CSS,HTML,GraphQL等)一起使用,节省大量花在代码格式化的时间和精力,现已支持.vue文件

网站:https://prettier.io

演示:https://prettier.io/playground/

GitHub:https://github.com/prettier/prettier

GitHub Stars: ★34500

image
image

Vuetify

Vuetify是一个Vue UI库,其中包含精美的手工制作的Material Components.符合Google Material Design准则,结合了Vue.js和Material的所有优点,并且与RTL和Vue cli3兼容,可以通过使用他构建更有交互式且有吸引力的项目。

网站: https://vuetifyjs.com/en/

GitHub: https://github.com/vuetifyjs/vuetify

GitHub Stars: ★22600

image

iView

iView是一套基于Vue.js的高质量UI组件库,可靠文档是其一大优势,用来快速构建web项目,相对友好的API更好的服务于Vue友们,目前已更新到4.0版本

网站: https://iviewui.com/

GitHub: https://github.com/iview/iview

GitHub Stars: ★22777

image
image

CSSFX

这是一个极具匠心的设计,每一个效果都具备流动性、简单性和易用性。让广大Vue友快速使用相关button动效,让web呈现更加丰富。即可应对业务需求,也可自我提升实现。

网站: https://cssfx.dev

GitHub: https://github.com/jolaleye/cssfx

GitHub Stars: ★5224

image

uiGradients

这是一个CSS实现的线性渐变的效果集合,预览的每一个效果都可以复制源码开箱即用。

网址:https://uigradients.com/

GitHub的:https://github.com/ghosh/uiGradients

GitHub星:★4523

image

Handsontable

Handsontable是用于Web应用程序的JavaScript数据网格组件。支持所有的标准操作,增删改查以及过滤排序,可以按需定制。可用于纯JavaScript、React、Vue和Angular。 网站: https://handsontable.com

GitHub: https://github.com/handsontable/handsontable

GitHub Stars: ★12857

image

SheetJS

SheetJS是一个帮助操作excel文件中存储的数据的JS库,支持每种Excel文件格式,强大的功能还有良好的兼容性。可以在纯web端导出excel或者其他任何的HTML表格,不涉及服务端脚本。全权由前端控制,导数据再也不用看后端哥哥脸色了。

网站: https://sheetjs.com/

演示: https://sheetjs.com/demos

GitHub: https://github.com/SheetJS/js-xlsx

GitHub Stars: ★18691

image
image

Vue Material

Vue的常用Vue UI库之一,简单,轻巧,完全按照Google Material Design规范构建。包含动态主题,按需组件以及所有易于使用的API。

网站: http://vuematerial.io

GitHub: https://github.com/vuematerial/vue-material

GitHub Stars: ★8376

vueOrgChart

纯前端无需安装任何web服务器或数据库,图标可直接在excel或者HTML中编辑,通过学习如何自定义构建设置后,可以自己DIY图表

演示: https://hoogkamer.github.io/vue-org-chart

GitHub: https://github.com/Hoogkamer/vue-org-chart

GitHub Stars: ★78

image

Faviator

这是一个简易的图标生成器,通过自定义配置参数,选择图标格式后,生成对应的JPG、PNG、SVG格式。也可用Google Fonts中选择字体图标,对于小型公司无UI设计情况下,是可以快速解决图标问题的,当然阿里Iconfont也很好用...(无可否认)

网站: https://www.faviator.xyz

演示: https://www.faviator.xyz/playground

GitHub: https://github.com/faviator/faviator

GitHub Stars: ★90

image
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 155,958评论 4 358
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,179评论 1 286
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 105,792评论 0 237
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,409评论 0 202
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 51,723评论 3 285
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,174评论 1 204
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,543评论 2 306
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,270评论 0 194
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,899评论 1 236
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,235评论 2 240
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,771评论 1 255
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,139评论 2 249
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,688评论 3 228
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,936评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,646评论 0 192
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,194评论 2 265
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,145评论 2 258

推荐阅读更多精彩内容

  • 简说Vue (组件库) https://github.com/ElemeFE/element" 饿了么出品的VUE...
    Estrus丶阅读 1,224评论 0 1
  • 1、Vuetify Star 数为 11K,提供了 80 多个 Vue.js 组件,这些组件是根据谷歌 Mater...
    月下吴刚_c8c7阅读 4,658评论 0 40
  • 在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高。2019 更是热度不减,而作为近年来尤为热门的前端框...
    grain先森阅读 13,524评论 11 285
  • 1、Vuetify Star 数为 11K,提供了 80 多个 Vue.js 组件,这些组件是根据谷歌 Mater...
    小半_生阅读 4,589评论 0 0
  • 小编推荐:Fundebug提供JS、微信小程序、微信小游戏,Node.js和Java错误监控。真的是一个很好用的错...
    Fundebug阅读 29,983评论 0 214