# 介绍

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

# 快速入门

尝试Vuetify的最简单方法是使用我们的 Codepen 模板。 文档中的所有示例都使用此模板,并且是一个用来玩转这个框架的完美沙盒。 如果您喜欢使用本地 index.html 文件,我们就可以通过 CDN 来使用

关于附加的安装选项,如 NuxtVuePress, 请访问 安装 页面

# 什么是 Vuetify?

Vuetify 是建立在Vue.js之上的完备的界面框架。 该项目的目标是向开发人员提供他们积累的丰富且吸引用户体验所需的工具。 与其他框架不同。 Vuetify从一开始就设计为易于学习的并且拥有来自 Material设计规范 的数百个精心设计组件。

Vuetify采用移动优先的设计,这意味着无论是在手机、平板电脑还是台式电脑上,你的应用程序都可以开箱即用。

如果你是一个经验丰富的开发者,想要对比 Vuetify 与其它框架,请参考Vue框架对比2020

# 为什么选择 Vuetify?

自2014年发布以来,Vue.js 已经成为世界上最流行的 JavaScript 框架之一。 这种流行的原因之一是_组件_的广泛使用,它使开发人员能够在应用程序中创建可复用的简洁模块。 UI库是这些模块的集合,这些模块实现了特定的样式准则,并提供了构建扩展web应用程序所需的工具。

Vuetify完全按照 Material设计规范进行开发,每一个组件都经过精心设计,具有模块化、响应式和优秀的性能。 使用独特和动态的 布局 自定义您的应用程序,并使用 SASS 变量 自定义您的组件的样式。

Vuetify有一个非常活跃的开发周期,并且每周都有补丁,以极快的速度响应社区问题和报告,使您能够更经常地进行错误修复和增强. 此外,每个主要版本都附带18个月的<a href=“/introduction/long-term support/”>长期支持。

不同于其它框架,当你使用Vuetify开发时,你从来不是孤立的。 有什么问题吗? 充分利用我们庞大的 Discord社区 并通过我们的公共帮助渠道与其他Vuetify开发者协作。 需要更个性化的支持解决方案? Vuetify 通过 GitHub 赞助 为个人和企业提供量身定制的 精英支持 。 查看其他 赞助 Vuetify 开发 的方式。

以下是主流Vue框架库,以及我们认为对单个开发人员和企业来说很重要的功能列表

Vue 框架比较 2021
特性
Vuetify
BootstrapVue
Buefy
Element UI
Quasar
无障碍和 section 508 支持
商业与企业用户支持
长期支持
发版周期**WeeklyBi-WeeklyBi-MonthlyBi-WeeklyBi-Weekly
RTL 支持
付费主题
TreeshakingAutomaticManualManualManualAutomatic
**基于过去12个月所有 主要/次要/补丁 版本的平均值

想了解更多? 阅读安装指南,然后开始实践你的奇思妙想。

# 功能指南

参考详细功能指南,学习更多Vuetify 内部工作原理,成为一个熟练的 v-developer。 每个指南都是为了教您如何充分利用您的开发体验, 其中包括: 如何使用布局构建响应式页面, 如何使用SASS 变量自定义您的应用程序的样式, 还有如何通过树摇优化您的应用程序包的大小, 等等.

产品特点 技能等级: 阅读时间
双向性(LTR/RTL) 初学者 1 分钟
全局配置 初学者 1 分钟
图标 初学者 15 分钟
布局 初学者 5 分钟
主题 初学者 15 分钟
无障碍 (a11y) 中级 10 分钟
断点 中级 15 分钟
国际化 (i18n) 中级 5 分钟
程序滚动 中级 2 分钟
SASS 变量 中级 10 分钟
预设 高级版 15 分钟
Treeshaking 高级版 15 分钟

找不到您要找的东西? 帮助我们改进! 请联系 john@vuetifyjs.com ,或加入我们的 Vuetify Discord 社区

了解更多?

继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
在 GitHub GitHub 上编辑此页面
最后更新:05/07/2021, 12:56:43 AM