这 8 个超赞的 Vue 开源项目你一定要知道

哈喽，大家好！我是前端实验室的小师妹!

Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。

Vue.js是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

小师妹收集了几个你应该了解的最重要的工具和库，请仔细阅读，肯定对你有用呢！

VuePress

作为一个程序员，没有折腾过个人博客是不算完整的。技术文章的输出是我们程序员能力的一种体现，也是一种非常好的个人总结。

VuePress 是一个基于Vue的静态站点生成器，充分利用了 vue、vue-router，vue ssr 等技术。

对于文档编写者来说，一切皆 markdown，这样就可以专心于文档内容了。而对于文档开发者来说，一切皆 vue 组件，这样就可以用已有技能做更多的事情了。比如自定义主题等。

现在它也是一个小型、功能强大的 CMS，还没有搭建博客的你，不妨来试一试！

Github Star数：25K 官网地址：https://vuepress.vuejs.org/zh/

Vuegg

低代码开发是一种可视化应用开发方法,使用拖放式组件和模型驱动逻辑来创建 Web 和移动应用。

Vuegg通过将组件直接拖放到可视化编辑器，然后通过简单的交互调整大小，最终通过拖拉拽的方式构建一个 Vue.js 项目。将设计和原型制作合并为一个过程。当你通过拖拉拽设计一个满意的界面时，该前端的代码也帮你写好了，你只需下载代码即可。

Github Star数：2.2K 官网地址：https://vuegg.github.io/

Vuetify

Vuetify 是一个基于 Vue.js 精心打造 UI 组件库，整套 UI 设计为 Material 风格。能够让没有任何设计技能的开发者创造出时尚的 Material 风格界面。

Material Design 是由 Google 推出的全新的设计语言，谷歌表示，这种设计语言旨在为手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。

Vuetify 所有组件遵从 Material Design 设计规范，UI 体验非常优秀。有着极其丰富详细的开发文档和免费的视频教程，也得到了Vue.js 作者尤雨溪大神的推荐~

Github Star数：34.6K 官网地址：https://vuetifyjs.com/zh-Hans/

Buefy

Buefy 基于 Bulma 和 Vue.js 的轻量级UI组件，它提供了即装即用的轻量级组件，虽然组件选择有限只有40多个，但是值得你去尝试。

特征

• 轻松保持当前Bulma主题/变量
• 支持Material Design Icons和FontAwesome
• 非常轻量级，除了Vue和Bulma之外，没有任何内部依赖。
• 约88KB min+gzip(包括Bulma)
• 语义代码输出
• 遵循Bulma设计和一部分Material Design UX
• 注重可用性和性能（没有过度动画）

Github Star数：9.3K 官网地址：https://github.com/buefy/buefy/

awesome-vue

如果你打算学习 Vue，找一些 Vue 的学习资料、或者示例，这个 GitHub 项目不能错过。该项目是由 Vue.js 创建和维护的，包含一系列的 Vue.js 的精选内容，对于刚学习 Vue 的小白或者进阶老手，这个项目都是很适合的，这里面涵盖了大量的内容，因此很值得去看一看。

Github Star数：66.5K 官网地址：https://github.com/vuejs/awesome-vue

YesPlayMusic

YesPlayMusic 使用 Vue.js 全家桶开发。高颜值的第三方网易云播放器，支持 Windows / macOS / Linux

Github Star数：18.2K 官网地址：https://github.com/qier222/YesPlayMusic

Nuxt.js

Nuxt.js 是一个基于 Vue.js 的通用应用框架，一个用于Vue.js 开发SSR应用的一站式解决方案。它的优点是将原来几个配置文件要完成的内容，都整合在了一个nuxt.config.js，封装与扩展性完美的契合。

通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染，你可以从 50 多个模块中进行选择，让你的开发变得更快、更简单。

Nuxt成为Vue开发不可分割的一部分，有很多贡献者和广泛的社区。我们会选择这个工具的贡献,知道社区将帮助你的技能发展,并教一些新的东西。

Github Star数：40.8K 官网地址：https://www.nuxtjs.cn/

Statusfy

Statusfy 是一个简单的开源状态页系统，能让用户以最少的精力进行构建和维护。

用户可以轻松地创建一个静态生成或服务器渲染的快速网站，并部署到各种托管服务中。

Statusfy 使用 Vue，Nuxt.js 和 Tailwind CSS 创建，使用 Vue 动态定义代表数据的接口，使用 Nuxt.js 快速地抽象客户端和服务器逻辑，并使用 Tailwind CSS 快速创建定义默认主题。

特点

• 系统自定义
• 易定制
• 支持Markdown
• 事件报告
• 渐进式Web应用程序（PWA）支持
• 内置谷歌分析
• 多语言支持
• 默认主题：响应式布局轻松定制美观设计
• SEO友好
• 部署灵活

Github Star数：2.7K 官网地址：https://github.com/juliomrqz/statusf

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复111，按提示操作即可进群。