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。