Vuetify 赞助

Vuetify 是一个由 John Leider 和 Heather Leider 全职开发和维护的 MIT 许可项目;同时也得到了整个核心团队的支持。赞助 Vuetify 并获得一些很棒的好处,同时支持开源软件!🎉

  • 在 GitHub 或 Patreon 上成为赞助人(支持 John 和 Heather)
  • 在 Open Collective 上成为赞助人(支持核心团队)
  • 在 Tidelift 上成为订阅者
  • 通过 Paypal 进行一次性付款
  • 与团队预订时间

GitHub 赞助、Patreon 和 OpenCollective 之间的区别是什么?

通过 GitHub 赞助和 Patreon 捐赠的资金将直接支持 John 和 Heather 在 Vuetify 上的全职工作。通过 Open Collective 捐赠的资金将由透明的费用管理,并将用于补偿核心团队成员的工作和费用。通过在任何平台上捐款,您的名字/标志将获得适当的认可和曝光。

⚡ 快速开始

使用 Vuetify 很简单。要创建一个新项目,请选择您的包管理器,并运行以下命令之一:

使用 yarn

yarn create vuetify

使用 npm

npm create vuetify@latest

使用 pnpm

pnpm create vuetify

使用 bun

bun create vuetify

有关如何开始的更多信息,例如使用 Nuxt 或 Laravel,请查看官方安装指南。

🚀 介绍

Vuetify 是一个不需要设计技能的 UI 库,拥有精美手工制作的 Vue 组件。无需设计技能 —— 您所需的一切都在您的指尖。Vuetify 有一个庞大的 API,支持任何用例。一些亮点包括:

  • 可定制性: 通过 SASS/SCSS 和默认配置以及蓝图进行广泛的定制选项
  • 响应式布局: Vuetify 组件的默认配置是响应式的,使您的应用程序可以适应不同的屏幕尺寸。
  • 主题系统: 强大的颜色系统,使您可以使用一致的调色板轻松地为您的应用程序设置样式。
  • Vite 支持: 自动树摇,实现更小的捆绑包大小
  • 18 个月的长期支持: 针对主要版本的长期支持
  • 国际化: 支持42种以上的语言

浏览器支持

Vuetify 支持所有现代浏览器,包括 Safari 13+(使用 polyfills)。组件设计最小宽度为 320px。

Vuetify 生态系统

资源

名称 描述
💫 企业支持 让 Vuetify 的专家团队通过定制的支持计划帮助您充分利用您的应用程序
💭 Discord 社区 我们庞大且包容性强的 Discord 服务器,您可以在这里提问、分享反馈,并与其他 Vuetify 开发人员进行连接
🎮 Vuetify Play 使用 vuejs/repl 构建的 Vuetify 3 游乐场,您可以在这里使用我们的组件进行实验
🐛 Vuetify 问题 用于报告 Vuetify、文档或我们其他软件包中的错误和问题的 Web 应用程序
🛒 Vuetify 商店 官方 Vuetify 商店,您可以在这里下载免费数字产品、购买预制主题等

名称 版本 描述
🛠️ create-vuetify 版本 通过一个简单的命令快速启动应用程序
📦 vuetify-loader 版本 用于自动加载 Vuetify 组件的编译器插件
📄 eslint-plugin-vuetify 版本 用于 Vuetify 的一个主观的 eslint 插件

参考资料

https://element.eleme.io/#/zh-CN