20 个新的且值得关注的 Vue 开源项目

时间 2019-12-19

标签新的值得关注 vue 开源项目繁體版

原文原文链接

译者：前端小智css

做者：Nastassia Ovchinnikovahtml

来源：flatlogic.com前端

你知道的越多，你不知道的越多

vue

点赞再看，养成习惯
react

本文 GitHub：github.com/qq449245884… 上已经收录，更多往期高赞文章的分类，也整理了不少个人文档，和教程资料。欢迎Star和完善，你们面试能够参照考点复习，但愿咱们一块儿有点东西。jquery

Vue 相对不于 React 的一个优势是它易于理解和学习，且在国内占大多数。我们能够在 Vue 的帮助下建立任何 Web 应用程序。所以，时时了解一些新出现又好用的Vue 开源项目也是挺重要，一方面能够帮助我们更加高效的开发，另外一方面，我们也能够模范学习其精华部分。git

接下来看看新出的有哪些好用的开源项目。github

uiGradients

网址： uigradients.com/web

GitHub： github.com/ghosh/uiGra…面试

GitHub Stars: 4.6k

彩色阵列和出色的UX使是这个项目的一个亮点，渐变仍然是网页设计中日益增加的趋势。我们能够选择所需的颜色，并能够得到全部可能的渐变，并获取对应的 CSS 代码，赶忙收藏起来吧。

CSSFX

CSS 过分效果的集合

网址： cssfx.dev

GitHub： github.com/jolaleye/cs…

GitHub Stars: 3.5k

CSSFX 里面有不少 CSS 过滤效果，我们能够根据需求选择特定的动画，点击对应的效果便可看到生成的 CSS 代码，动手搞起来吧。

Sing App Vue Dashboard

一个管理模板

网址： flatlogic.com/templates/s…

GitHub： github.com/flatlogic/s…

GitHub Stars: 254

**事例：**flatlogic.com/templates/s…

**文档：**demo.flatlogic.com/sing-app/do…

这是基于最新 Vue 和 Bootstrap 免费和开源的管理模板，其实跟我们国内的 vue-admin-template 差很少。我们不必定要使用它，但能够研究学习源码，相信能够学到不少实用的技巧，加油少年。

Vue Storefront

网址： www.vuestorefront.io

GitHub： github.com/DivanteLtd/…

GitHub Stars: 5.8k

这是一个PWA，能够链接到任何后端(或几乎任何后端)。这个项目的主要优势是使用了无头架构。这是一种全面的解决方案，为我们提供了许多可能性(巨大的支持稳步增加的社区，服务器端渲染，将改善网页SEO，移动优先的方法和离线模式。

Faviator

图标生成的库

网址： www.faviator.xyz

GitHub： www.faviator.xyz/playground

GitHub Stars: 94

若是须要建立一个图标增长体验度。可使用任何 Google 字体以及任何颜色。只需经过首选的配置，而后选择PNG，SVG或JPG格式便可。

iView

Vue UI 组件库

网址： iviewui.com/

GitHub： github.com/iview/iview

GitHub Stars: 22.8k

不断迭代更新使这组UI组件成为具备任何技能水平的开发人员的不错选择。

要使用iView，须要对单一文件组件有充分的了解，该项目具备友好的API和大量文档。

Postwoman

API请求构建器

网址： postwoman.io/

GitHub： github.com/liyasthomas…

GitHub Stars: 10.5k

这个与 Postman 相似。它是免费的，具备许多参与者，而且具备多平台和多设备支持。这个工具真的很是快，而且有大量的更新。该工具的建立者声称在不久的未来会有更多功能。

Vue Virtual Scroller

快速滚动

网址： akryum.github.io/vue-virtual…

GitHub： github.com/Akryum/vue-…

GitHub Stars: 3.4k

Vue Virtual Scroller具备四个主要组件。 RecycleScroller能够渲染列表中的可见项。若是我们不知道数据具体的数量，最好使用DynamicScroller。 DynamicScrollerItem将全部内容包装在DynamicScroller中（以处理大小更改）。 IdState简化了本地状态管理（在RecycleScroller内部）。