Vue 是一个用于构建用户界面的框架。 值得注意的是，它获得如此大的人气，离不开微软和微软的支持。

Vue 是 React 和 Vue 结合的最佳方式，并且拥有一个有凝聚力且活跃的小社区，可以处理开发问题。 同一个社区还可以不断想出新的方法来解决常见问题。 随着贡献量的减少，可用数据和存储库的数量急剧下降。

使用 Vue 的好处

框架很小。 该帧的大小为18-21KB；

Vue 支持基于组件的方法来构建 Web 应用程序；

文档很详尽。 开发人员总是更喜欢使用具有完整文档的框架，因为他们总是很容易编写第一个应用程序；

容易明白。 由于Vue.js结构简单，用户可以轻松地将其添加到Web项目中。 它有一个定义明确的架构来保存您的数据。 生命周期方法和定制方法分离；

集成很简单。 您可以简单地通过 CDN 添加 Vue.js – 无需设置 Node 和 npm 即可开始使用 Vue.js。 您还可以使用它作为一个很好的替代品；

工具构建。 Vue.js 有它。 允许你开始一个新项目，包括路由、状态存储、单元测试、CSS预处理器、PWA等——它们都是外部的。 据悉，还提供了管理项目的UI。

使用 Vue 的项目

如果你想创建轻量级且易于修补的应用程序，那么 Vue.js 是一个不错的选择。

学习曲线相当低，可以在短时间内掌握该框架，然后再进行应用程序开发。 我们建议在以下情况下使用 Vue：

如果您想构建单页应用程序或渐进式应用程序（您可以使用 nuxt.js 框架）；

你想让你的团队学习新技术，Vue是一个不错的选择；

快速打造MVP；

您想要构建一个 SEO 友好的应用程序；

您的预算很紧张，并且想要快速测试看法。

Vue 的受欢迎程度

说到 Vue.js 的受欢迎程度，#vue.js 中有超过 57,000 个问题和大约 15,000 个 npm 包。 与其他框架相比，Vue.js 一直排名第三，但它仍然拥有特别好的社区和支持。

开源项目的评估标准

文档。 任何好的项目都应该有全面的文档；

如何很好地描述提交规则。 如果开源项目要减少贡献者的数量，这一点至关重要；

带着问题来组织工作真是太好了。 解决问题应该有条理，让操作人员知道首先要解决哪些问题；

该项目有路线图吗？ 该路线图帮助贡献者选择他们将首先开发哪些功能；

上的星星数量。 该标准在一定程度上反映了工程的质量；

到期。 分析项目开发并尝试决定应该使用哪些工具来实现结果，需要谨慎选择尚未成熟或完全掌握的工具；

错误或漏洞。 如果您需要帮助，可能有一个不小的知识库或社区。

在我们的选择中，我们根据项目的功能目的来定义项目：

· CMS和发生器；

用户界面组件；

·应用;

·工具包;

· 开发者工具。

Vue开源项目

我们列出了您应该了解、最终使用并为 Vue.js 项目做出贡献的最重要的工具和库。 与许多其他仅列出 UI 组件库的文章不同，我们在 Vue 生态系统中包含其他库和插件。

我们根据它们的实用性、有效性、文档、想法和贡献手册来选择它们。

页面套件

是一个在 Vue.js 和框架的帮助下完善的开源 CMS。 CMS是模块化的，因此您可以逐步扩展功能。 在 MIT 许可证下发布，因此可以不受任何限制地自由更改、共享和重新发布。

该产品具有 CMS 的所有主要和中级功能：

· 可定制的分析仪表板和网站性能；

· 网站内容编辑页面；

· 内置博客；

· HTML 和编辑器；

· 文件管理器;

· 用户角色管理。

还有一些对开发人员非常有用的东西和功能。 该产品以简单的 ORM、模块化架构和包管理而完善。 还有一个外部调试工具栏，可以帮助开发人员监控性能、路由、数据库查询和调试内部系统干扰intellij idea产品学习手册，扩展甚至可以添加自己的功能。 或者，使用 CLI 执行系统更新、安装和卸载扩展和主题intellij idea产品学习手册，以及直接从终端清除缓存。

该产品有一个强大的贡献手册，团队欢迎人们修复错误、翻译或扩展 CMS 的功能。 社区不是很大，但是很发达，也很热心帮助新人。

因此，这是一个非常强大的产品，具有非常全面的文档和透明的贡献手册。 开启您进入开源世界的绝佳选择。

是一个基于Vue的静态站点生成器，由Vue.js的作者创建。 在帮助下，可以使用 、Vue 和 . 最初，该产品是作为编写技术文档的工具而创建的，但如今它是一个大型、紧凑且功能强大的 CMS。 您可以在其中编写内容，然后将其转换为预渲染的静态 HTML 文件。

该项目有一个组织良好的捐赠手册和透明的工作流程。 它还具有非常好的问题管理功能。 该社区有 300 多名活跃贡献者可以为您提供支持。 这是开始为开源项目做出贡献的好地方。

03Vue商店

是一个面向电子商务的 PWA，可以连接到几乎任何电子商务前端：它使用 。 这包括 、 、 等流行平台。 .com 的一些优点包括连接优先的方法、服务器端渲染（有利于 SEO）和离线模式。

该产品拥有完善的社区：Slack 约有 2000 名开发者和 180 多名活跃贡献者。 这非常有价值，因为团队有清晰的路线图，因此您作为贡献者可以选择可以执行哪些任务。 事实上，这是一个非常有趣的产品，需要支持和花时间。

Vuegg 允许您将组件直接拖放到可视化编辑器中，并根据您选择的大小连接它们以创建 Vue.js 项目。 该项目的目的是将设计和原型制作合并到一个流程中。

显着特点：

通过拖动和连接/调整组件大小来模拟/恢复组件；

· 支持标准键盘和鼠标组合；

响应式预览（手机、平板笔记本、网页）；

一组基本的 HTML5 元素；

材料设计组件（vue-mdc-）；

· Vuejs 源代码生成 (.zip)。

该项目有清晰的路线图，您可以直接在 上查看。 由于该项目相当新并且仍在进行中，因此没有贡献手册，但您可以自由地提出任何问题和 PR。

与 存在许多相似之处，但它采用不同且特别强大的方式来处理数据源。 它允许您在应用程序中加入和使用许多不同类型的数据，然后将这些数据统一到单个层中。 基本上，Vue 用于后端功能和数据管理。

工作方法可概括为以下三步：

您以 JSON、YAML 或 CVS 数据格式提供内容，或从 CMS 或其他 CMS 导出内容；

内容转化为提供集中数据管理的层；

然后使用这些数据通过 Vue 构建您的应用程序。

在开发方面，文档有清晰的路线图、描述良好的变更日志和贡献手册。 提交是一个不错的选择。

06UI组件

根据规格提供大量精心制作的组件（80+）。 结合了 Vue.js 和 Vue.js 的所有优点。 该框架与RTL和-3兼容。 的所有组件都有详细记录并有清晰的示例。 它与 Vue 的服务器端渲染 (SSR) 配合使用。 支持所有现代网络浏览器 - 甚至 IE11 和 +（使用多重填充）。 它还提供现成的项目脚手架，以便您可以使用单个命令开始构建 Vue.js 应用程序。

它提供了一组基于材料设计的组件，例如：

· 按钮;

· 输入;

·卡片;

·表面，

· 清单。

它背后有一个充满活力的社区，拥有 500 多名贡献者，他们创建了许多插件。 它具有成为一个优秀开源软件的所有主要组成部分：广泛的文档、贡献手册、问题管理。 但在我们看来，贡献很难，因为社区已经很大了。

Buefy 为基于 Bulma 的 Vue.js 提供轻量级 UI 组件。 Buefy 有两个核心原则：保持简单和轻量级。 这也解释了为什么它唯一的依赖项是 Vue 和 Bulma。 事实上，它只有 40 多个组件，但它为您提供了即用型联通优先且响应式的 UI 组件。

特征：

· 支持图标和；

· 非常轻量级，不仅没有除 Vue & Bulma 之外的内部依赖；

·约+gzip；

• 语义代码输出。

简单、轻便且符合规格。 VUE 提供了超过 56 个组件来构建不同类型的布局。 一件很棒的事情是材料设计框架有非常详尽的文档。 该框架特别轻量级，包含完整的组件，并且完全符合准则。 这些设计适合每个屏幕并支持每个现代浏览器。

路线图、贡献手册、良好的文档和变更日志都在这里。 对于喜欢UI项目的开发者来说是一个不错的选择。

09申请

科尔

Koel 是一项个人音乐流媒体服务，您可以根据自己的需求进行定制。 客户端用Vue编译，前端用Vue编译。 Koel 针对的是 Web 开发人员，采用了一些更现代的 Web 技术，例如音频、拖放 API 等。

该项目在 上非常受欢迎，有 52 名贡献者。 不幸的是，没有详尽的贡献手册，但作者写道，您需要先打开一个问题，然后才能提交任何内容。 还有一种选择是赞助该项目。

我们喜欢这个项目背后的想法，即制作一个由社区开发的流媒体服务。 因此，如果你热爱音乐并且想提高你的 Vue 技能， 将是一个不错的选择。

.js

Eagle.js是一个使用Vue构建的强大、灵活、独特的魔法kt板显示系统。 它允许您在演示文稿中创建可轻松重用的组件、模板和样式。 它还支持动画、主题和交互式小部件，这对于网页演示非常有用。

您可以使用此库做的最重要的事情之一是将幻像放入单独的文件中，然后在其他幻像显示中重复使用它。 您还可以将特定体模显示的体模导出到另一个体模。 创建者还提供了几个模板可以轻松开始开发。

该项目有一本贡献手册，其中包含您可以提供帮助的想法。 我们觉得这是一个值得花时间的好项目：它确实帮助了很多人进行演示。 据悉，在Eagle的帮助下，开始学习Vue是很容易的。

11 工具包

Nuxt.js

Nuxt 是一个简单明了的框架，用于构建通用应用程序：服务器渲染应用程序、单页应用程序、渐进式 Web 应用程序，或者仅将其用作静态站点生成器。 它也是模块化的，因此您可以仅使用您的页面需要的模块 简而言之，Nuxt 使您免于构建和优化页面的工作 Nuxt.js 具有模块化架构，有 50 多个模块可供选择。

特征：

热代码重载；

· 服务端渲染或单页应用或静态生成，任您选择；

可使用 nuxt..js 文件进行配置；

· 每页的代码分割；

使用 / 目录自定义布局；

· 仅加载关键 CSS（页面级别）。

Nuxt 已经成为 Vue 开发不可或缺的一部分，拥有许多贡献者和广泛的社区。 我们会选择为这个工具做出贡献，因为我们知道社区将帮助您发展技能并教给您新的东西。

它是一个通用的、Vue 支持的框架，允许您使用相同的代码库来编译不同平台的应用程序：SPA、PWA、SSR 应用程序、混合联通应用程序或多平台桌面应用程序。 类星有多达81个成分。

有很好的文档和许多专为性能和响应能力而设计的组件。 默认情况下集成了最佳实践（HTML/CSS/JS 缩小、缓存清除、树摇动、源映射、延迟加载的代码分割、ES6 转译、代码链接、可访问性），因此您可以主要关注应用程序的功能。 它还提供了一个 cli 工具，可以轻松为新项目构建脚手架。

该框架有一个很棒的社区，支持聊天和峰会，还有一本著名的贡献手册。 您可以通过捐赠来支持该工具。

Vue 是一个基于 库的 UI 工具包。 它只是用 Vue 代码替换常规引导组件。 借助 ，您可以使用 Vue.js 和世界上最流行的后端 CSS 库在 Web 上构建响应式、移动优先且可通过 ARIA 访问的项目。 它还可以轻松地与 Nuxt.js 集成。

文档非常广泛，加上 上的社区支持也很强大，这使得它成为人们启动项目并做出贡献的安全选择。

14 种开发工具

是一个完全开源的状态页面系统。 站点是构建在 、Vue、Nuxt.js 和

这很酷，因为：

·支持;

它是一个渐进式网络应用程序；

·多语言支持；

· 易于定制。

在社区管理和支持方面，该产品有社区聊天、大量教程、提示、更新和博客。 它还具有广泛的文档和贡献手册。

我们建议为这个项目做出贡献，因为它是一个非常出色的工具，可以让开发人员的生活变得非常轻松。 据了解，你还将熟悉围绕 Vue 的所有主要技术。

它是一个强大的开源状态页面系统，由 Vue 和 . 它支持 10 种语言。 附带一个简单（但功能强大）的捆绑包。 据悉，通过这种方式，可以提前安排活动。 在仪表板中，您可以设置指标——一种衡量单个事物的方法，无论是正常运行时间、错误率还是完全随机的事物。

Slack 有一个相当大的社区，贡献者非常活跃。 现在是开始为开源社区做出贡献的好时机——活跃的社区、中等规模的项目、伟大的想法。

是一个基于模板的 Vue.js 验证框架，允许您验证输入和显示错误。

由于它是基于模板的，因此您只需为每个输入指定值更改时应使用哪个验证器。 将为支持的 40 多个区域手动生成错误。 许多规则都是开箱即用的。

特征：

· 基于模板的身份验证，熟悉且易于设置；

· 40 多个地区的 i18n 支持和错误消息；

异步和自定义规则支持；

· 编译者；

· 无依赖性。

处理表单验证的主要痛点，并以最灵活的方式处理：

能够为您的用户设计复杂的用户体验；

最常见的验证是外部的；

· 跨域验证；

用于提高表单的可访问性和样式的实用程序；

· 本地化位于核心外部。

该团队欢迎每个人为该项目做出贡献，并拥有完善的文档和贡献手册。 它还有一些很棒的故事和一个很棒的社区。

推理

我们收集了 Vue 上最有用、最成熟的开源项目。 我们再次强调：首先，在选择资助项目之前，请注意以下事项： 文档和贡献手册 另外，选择您喜欢的项目，无论是否热门。 如果您希望我们在此集合中包含任何其他工具，请给我们留言。 我们希望您分享这篇文章来帮助人们了解优秀的开源项目。

BAT等各大厂商Java笔试经验总结

想获取Java大厂笔试题学习资料

如有侵权请联系删除！