Skip to content

介绍

了解 Vuetify 是什么,如何从头开始创建应用程序,浏览 API 参考,示例代码,教程等更多信息。

什么是 Vuetify?

自 2014 年首次发布以来, Vue.js 已经发展成为世界上最受欢迎的 JavaScript 框架之一。这种受欢迎程度的原因之一是 组件 的广泛,它使开发人员能够创建在整个应用程序中使用和重用的小模块。Vuetify 是预制组件的集合,具有 动态主题dynamic themes、 全局默认值global defaults、 应用程序布局application layouts, 等等强大功能。它的目标是为开发人员提供所有必要的工具

快速入门

尝试 Vuetify 的最快方法是在浏览器中 Vuetify Play。 有关安装选项的完整列表,请导航到 “安装”页面。

为什么选择 Vuetify

Vuetify 是一个强大的 Vue 组件框架,从头开始构建,易于学习和掌握。我们的 UI 组件集合在整个应用程序中保持一致的风格,并具有足够的自定义选项来满足任何用例。

免费

Vuetify 是获得 MIT licensed的一个免费开源的项目。 此外,Vuetify 的源代码可在 GitHub 上找到,如果开发人员选择这样做,他们可以选择修改并为其开发做出贡献。

灵活的组件

Vuetify 中的每个组件都是以 Google 的 Material Design 的规范标准 为模板手工制作的, 并带有数百种适合任何风格或设计的自定义选项;即使不是来源于 Material 的组件,编写 Vue 模板时也尽可能简明的,或者详细的以便能够根据你的需求单独或组合 使用props, slots, 和 components.

工具

Vuetify 拥有庞大的支持工具生态系统,丰富了从项目创建到设计 UI 套件的开发体验。

社区

当您使用 Vuetify 进行开发时,您永远不会孤单。遇到问题了吗?利用我们的海量 Discord 社区 并在我们的公共帮助渠道中与其他 Vuetify 开发人员合作。需要更个性化的支持解决方案?Vuetify 提供 企业支持 为个人和企业量身定制选项。查看其他一些方法 赞助 Vuetify 开发.

使用 Laravel Mix

Vuetify 提供一系列支持服务,旨在帮助您充分利用您的应用程序。让我们的体验团队为您提供成功所需的工具:

  • ↗️ Vuetify 版本升级
  • 📊 性能审查 & 分析
  • ⛑️ SLA & 直接支持

有关我们的专业支持选项的更多信息,请导航到我们的企业支持 页。

活跃开发

Vuetify 自 2016 年以来一直在积极开发中,并不断以极快的速度响应社区问题和报告,让您更频繁地获得错误修复和增强功能。我们的整体发布节奏通常如下:

  • 🔨 补丁(每周)
  • 次要版本 (每季度)
  • 主要版本** (每两年一次至每年一次)**

此外,在每个 MAJOR 版本发布后,以前的版本仍保持 18 个月的 长期支持.

那你还在等什么?前往 安装 页面,今天就开始构建你的下一个好主意。

功能指南

了解更多关于 Vuetify 的内部工作原理,成为一个熟练的v-developer开发人员与我们的详细功能指南。每个指南都旨在教你如何充分利用你的开发经验,包括:如何使用布局构建响应式页面Layouts,如何使用 SASS 变量SASS variables自定义应用程序的风格,以及如何通过Treeshaking减少应用程序的包大小等等。

产品特点技能等级阅读时间
双向性/Bidirectionality (LTR/RTL)初学者1 分钟
全局配置/Global configuration初学者1 分钟
图标字体/Icon Fonts初学者15 分钟
布局/Layouts初学者5 分钟
主题/Theme初学者15 分钟
无障碍/Accessibility (a11y)中级10 分钟
别名/Aliasing中级5 分钟
应用布局/Application layout中级15 分钟
日期/Dates中级10 分钟
显示/Display & Platform中级15 分钟
国际化/Internationalization (i18n)中级5 分钟
SASS 变量/SASS variables中级10 分钟
蓝图/Blueprints高级版10 分钟
Treeshaking高级版15 分钟

找不到你要找的东西?帮助我们改进!请联系 hello@vuetifyjs.com 提供您的反馈或加入我们的 Vuetify Discord community