16个优秀的Merlerault开放源码项目

原副标题：16 个杰出的 Vue 开放源码工程项目

为何他们要高度关注Vue

Vue是两个用作构筑界面的Java架构。值得称赞高度关注的是，它在没Google和Facebook的全力支持下赢得了大批的曝光率。

Vue是紧密结合react和angular的最合适的方式，因此保有两个有向心力的，活耀的，能应付合作开发难题的小型街道社区。完全相同的街道社区能急速地明确提出捷伊方式去化解常规性的难题。随著重大贡献量的减少，需用的统计数据和库的数目也会骤然减少。

采用Vue的好处

架构极小。那个架构的大小不一是18- 21KB ；

Vue全力支持如前所述模块的方式来构筑Web插件;

文件格式详尽。合作开发者常常讨厌采用暗含详尽文件格式的架构，即使她们撰写第两个插件常常很难；

易懂。虽然Vue. js 内部结构单纯,使用者能很难地将其加进到Web工程项目中。它有两个表述较好的统计数据库系统来留存您的统计数据。生命周期法与定制法分离；

集成单纯。你能单纯地通过CDN加进Vue. js –无需设置节点和npm开始采用Vue. js 。你也能采用它作为两个伟大的jQuery替代品；

工具完善。Vue. js 就有了。VueCLI 允许你启动新工程项目，包括路由、状态存储、Linting、单元测试、CSS预处理器、Type、PWA等——它们都是内置的。此外，VueCLI 还提供了管理工程项目的UI。

采用Vue的工程项目

如果你想创建轻量级且易于修复的插件，那么Vue. js 是两个不错的选择。

学习曲线相当低，允许在短时间内掌握架构，然后继续进行插件合作开发。他们建议在以下情况下采用Vue:

如果您想构筑单页插件或渐进式WebApp (你能采用nuxt. js 架构);

你想让你的团队学习捷伊技术，Vue是两个很好的选择；

快速构筑MVP；

你想建立两个SEO友好的插件;

你有两个紧张的预算和希望迅速地测试的想法。

Vue的受欢迎度

谈到Vue. js 的受欢迎程度,在vue . js 中的StackOverflow内有超过57, 000 个难题和大约15, 000个npm包。与其他架构相比，Vue. js 仍然排在第三位，但在没Facebook和Google全力支持的情况下仍然保有非常好的街道社区。

开放源码工程项目的评价标准

文件格式。任何好的工程项目都应该有全面的文件格式；

如何很好地描述提交的规则。如果开放源码工程项目想要减少重大贡献者的数目，这是必不可少的；

如何很好地组织与难题的工作。处理难题的工作应组织较好，以便操作人员知道首先化解哪些难题；

工程项目是否有路线图？路线图帮助重大贡献者选择她们将首先合作开发的特性；

Github上的星星数。这一标准在一定程度上反映了工程项目的质量；

成熟度。分析工程项目合作开发并试图决定应该采用什么作为工具来赢得结果，需要小心选择尚未成熟或没十足把握的工具；

bug或者漏洞。如果你需要帮助，可能没小型的知识库或街道社区。

在他们的选择中,他们根据功能目的划分工程项目:

·CMS和生成器；

·UI模块；

·插件；

·工具包;

·合作开发者工具。

Vue开放源码工程项目

他们列出了你应该了解的最重要的工具和库,并最终在Vue. js 工程项目中采用和重大贡献。与许多其他文章只列出UI模块库不同，他们在Vue生态系统中包含了其他库和插件。

他们的选择是如前所述她们的有用性、有效性、文件格式、想法和重大贡献指南。

01CMSand Generators

页面工具包

Pagekit 是两个开放源码的CMS，在Vue. js 和Symphony架构的帮助下构筑。CMS是模块化的，所以你能逐步扩展功能。Pagekit是在MIT许可证下发布的，因此它能自由地修改、共享和重新发布，没任何限制。

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

·可定制的分析仪表板与网站性能;

·网站内容编辑页面；

·内置博客；

·HTML和Markdown 编辑器;

·文件管理器；

·使用者角色管理。

还有一些东西和特点对合作开发者特别有用。该产品采用单纯的ORM、模块化架构和包管理构筑。还有两个内置的调试工具栏，能帮助合作开发者监视性能、路由、统计数据库查询和调试内部系统事件、扩展甚至能加进自己的功能。另外，也能采用CLI执行系统更新、安装和卸载扩展和主题，和直接从终端清除缓存。

该产品有两个强大的重大贡献指南，团队欢迎人们来修复错误，翻译或扩展CMS的功能。街道社区没那么大，但非常发达，热心帮助新人。

因此,这是两个非常强大的产品,具有非常全面的文件格式和透明的重大贡献指南。开启开放源码世界之路的绝佳选择。

02Vuepress

VuePress 是两个由Vue. js 译者EvanYou 创建的如前所述Vue的静态站点生成器。在VuePress 帮助下，网站创建采用VueRouter 、Vue和webpack 。最初，该产品是作为撰写技术文件格式的工具而创建的，但现在它是两个小型、紧凑、功能强大的headless CMS 。在VuePress 中你用Markdown 写内容，然后转换成预渲染的静态HTML文件。

该工程项目有两个组织较好的捐款指南，工作流程透明。它还有很好的难题管理功能。街道社区有超过300个活耀重大贡献者,她们能全力支持你。这是你开始为开放源码工程项目做重大贡献的好选择。

03Vue店面

Vuestorefront是一款面向电子商务的PWA，能连接到几乎任何电子商务后端：它采用了headless 架构。这包括流行的BigCommerce 平台、Magento、Shopware 等。VueStorefront 的一些优势包括移动优先的方式、服务器端渲染（有利于SEO）和离线模式。

该产品保有两个发达的街道社区：Slack中约有2000名合作开发者和180多名活耀重大贡献者。这是特别有价值的，即使团队有两个清晰的路线图，所以你作为两个重大贡献者能选择你能做的任务。总之，这是两个非常有趣的，全力支持和需要在上面花时间的产品。

04Vuegg

Vuegg 允许您将模块直接拖放到可视化编辑器中，并根据你的选择移动它们的大小不一，从而构筑Vue. js 工程项目。那个工程项目的目的是合并设计和原型到两个单一的过程。

显著特征:

·通过拖放模块和移动/调整它们的大小不一来模拟/还原它们；

·全力支持标准鼠标和键盘组合;

·响应式预览(手机、平板电脑、网络);

·一组基本的HTML5元素;

·材料设计模块（vue- mdc – adapter ）；

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

那个工程项目有两个清晰的路线图，你能直接在Github上看到。虽然该工程项目是相当捷伊，仍在进行中的工作没重大贡献指南，但你能自由的打开任何难题和公关。

05Gridsome

Gridsome 与VuePress有许多相似之处，但它采用了一种不同的非常强大的方式来处理统计数据源。它允许你连接并采用应用中的许多不同类型的统计数据,然后将这些统计数据统一到两个GraphQL 层中。基本上，Gridsome 的前端功能用Vue，统计数据管理用GraphQL 。

工作方式能概括为以下三个步骤:

你提供Markdown 、JSON、YAML或CVS统计数据格式的内容，或者从WordPress或Drupal等CMS导入内容；

内容转化为两个GraphQL 层，提供集中的统计数据管理；

然后用这些统计数据用Vue构筑你的应用。

在合作开发方面，文件格式有两个清晰的路线图、两个描述较好的更改日志和两个重大贡献指南。投稿是两个不错的选择。

06UI模块

Vuetify

Vuetify 根据MaterialDesign 规范提供了大批精心制作的模块(80 )。Vueti fy 紧密结合了Vue. js 和Material的所有优点。该架构是与RTL和VueCLI – 3 兼容。Vuetify 的所有模块都有很好的记录,也有清晰的示例。它与Vue的服务器端渲染（SSR）一起工作。Vuetify 全力支持所有现代网络浏览器——甚至是IE11 和Safari9 (采用多功能填充)。它还提供了现成的工程项目脚手架,这样您就能用两个命令开始构筑您的Vue. js 插件。

它提供了一组如前所述材料设计的模块,例如:

·按钮；

·投入；

·卡片；

·表，

·清单。

Vuetify 背后有两个充满活力的街道社区,有超过500个重大贡献者,她们创建了许多Vuetify 插件。它具有成为两个好的开放源码的所有主要模块：广泛的文件格式、重大贡献指南、难题管理。但在他们看来，这很难做出重大贡献，即使街道社区已经很大了。

07Buefy

Buefy如前所述Bulma为Vue. js 提供了轻量级的UI模块。Buefy有两个核心原则：让事情单纯化，轻量化。这也解释了为何它唯一的依赖是Vue和Bulma 。虽然它只有40多个模块，但它为你提供了随时需用的移动优先和响应式的UI模块。

特点：

·全力支持MaterialDesign 图标和FontAwesome ;

·非常轻便，除了Vue