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

Vue
544
0
0
2022-12-23

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

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

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

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

VuePress

img

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

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

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

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

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

Vuegg

img

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

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

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

Vuetify

img

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

img

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

img

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

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

YesPlayMusic

img

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

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

Nuxt.js

img

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

img

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