值得关注的 Vue.js开源项目

作者：Nastassia Ovchinnikova

翻译：疯狂的技术宅

原文：flatlogic.com/blog/new-an…

未经允许严禁转载

Vue.js 框架是由经验丰富的开发人员创建的，具有可靠的社区支持，丰富的功能，而且是轻量级的。

Vue.js 的另一个大优点是易于理解和学习。可以在 Vue 框架的帮助下创建任何 Web 应用。因此我建议你了解一些 Vue 开源项目。

这些项目中有一些因为其在 2019 年广受欢迎而被列入此列表。其中一些项目在 GitHub 上没有那么多的Star，但是在我看来，这些项目仍然值得注意。

uiGradients

渐变效果的集合

Website: uigradients.com/

GitHub:github.com/ghosh/uiGra…

GitHub Stars: 4.6k

丰富的色彩阵列和出色的 UX 使该项目成为我的最爱之一。渐变效果仍然是网页设计中日益增长的趋势。你可以选择所需的颜色，并查看所有可能的渐变。该收藏非常庞大，因为它是社区贡献的。你可以轻松选择渐变效果并复制其 CSS 代码。

各种模版：flatlogic.com/templates

CSSFX

CSS 效果的集合

Website: cssfx.dev

GitHub: github.com/jolaleye/cs…

GitHub Stars: 5.3k

另一个轻松地向 Web 应用添加少量但重要的细节的项目。该项目使你可以查看每个 CSS 效果的预览，只需单击选择的效果即可查看代码。

Sing App Vue 仪表板

管理模板

Website: flatlogic.com/templates/s…

GitHub: github.com/flatlogic/s…

GitHub Stars: 244

Demo：flatlogic.com/templates/s…

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

这是免费的开源管理模板，使用最新的 Vue 和 Bootstrap 构建。如今最常用的做法是使用管理仪表板模板，而不是从头开始构建所有内容。在评估管理模板时，我想到的主要标准是：定制的可能性和文档的完整性。 Sing App Vue 将会为你提供可靠的建议，帮助你快速入门所提供所有必要的图表、表单、表格、地图等。

Vue Storefront

A PWA storefront

PWA 网店

Website: www.vuestorefront.io

GitHub: github.com/DivanteLtd/…

GitHub Stars: 5.8k

Image source: https://www.vuestorefront.io

这是一个 PWA 应用，可以与任何后端（或几乎任何后端）连接。该项目的主要优势是使用无头架构。这是一个全面的解决方案，为你提供了很多可能性（由于不断增长的社区的大力支持，将改进你的服务器端渲染的 SEO 效果、移动优先方法和脱机模式。

Faviator

一个生成图标的库

Website: www.faviator.xyz

Demo: www.faviator.xyz/playground

GitHub: github.com/faviator/fa…

GitHub Stars: 94

如果你需要创建一个图标的向导。可以使用任何 Google 字体以及任何颜色。只需通过首选的配置，然后选择 PNG，SVG 或 JPG 格式即可。

iView

Vue UI 组件工具包

Website: iviewui.com/

GitHub: github.com/iview/iview

GitHub Stars: 22.8k

不断的更新使这组 UI 组件成为具有不同技能水平的开发人员的不错选择。但是你应该知道它不支持IE8。

要开始使用 iView，请确保你对单文件组件有充分的了解。该项目具有友好的 API 和大量文档。

Postwoman

API 请求构建器*

Website: postwoman.io/

GitHub: github.com/liyasthomas…

GitHub Stars: 10.5k

Image source: https://github.com/liyasthomas/postwoman

这是 Postman 的替代方案。它是免费的，具有许多人参与开发，并且支持多平台和多设备。这个工具真的非常快，并且有大量的更新。该工具的创建者声称在不久的将来会有更多功能。你可以通过添加自动完成功能、更多方法和 HTTP 支持来帮助该项目。请加入社区！

Vue Virtual Scroller

快速滚动条

Website: akryum.github.io/vue-virtual…

GitHub: github.com/Akryum/vue-…

GitHub Stars: 3.4k

Image source: https://akryum.github.io/vue-virtual-scroller/#/horizontal

Vue Virtual Scroller 具有四个主要组件。 RecycleScroller 可以渲染列表中的可见项目。如果你不知道项目的大小，最好使用 DynamicScroller。 DynamicScrollerItem 将所有内容包装在 DynamicScroller 中（以处理大小的更改）。 IdState 简化了本地状态管理（在 RecycleScroller 内部）。