预设

默认的 Vuetify 预设提供了所有框架服务的基线值。每个对象键(object key) 对应于 $vuetify 对象上的一个服务，并且可以通过 Vuetify 构造函数中的 preset 或自定义 user options 来覆盖。

Material Design 是一种固执己见的视觉语言，在实现高度定制的设计时，可能难以使用。新的研究展示了材料主题化的灵活性，并告诉你在没有默认材料外观的情况下创建 独特的 应用程序是多么容易。

目前共有 7 个 Material Studies，每个都有相应的预设插件：

在你的控制台中键入 vue add vuetify-preset-{name}, 其中 {name} 对应于可用的 Material Studies 之一。 安装插件后，您的 vuetify.js 文件将更新为包括所选的预设。

要开始开发，命令行里需要键入 yarn serve 或者 npm run serve。 Vuetify 服务插件将引导到 Vue CLI 并自动应用预设变量和风格的所有更改。 欲了解更多关于生成器和服务插件如何工作的信息，请查看 Plugin Development Guide。

Vuetify 选项从上往下合并 — _Defaults, Preset and User_。default 预设首先会与 Vuetify 构造函数选项中提供的 preset 属性合并。如果适用，用户提供的选项将与全局默认值和预设合并。

由于 studies 更多的是可视化而不是技术性的，所以预设是我们的 best-guess 实现。在许多情况下，由于缺乏研究报告中的信息，风格和功能必须由研究报告中的准则来推断。也有一些情况下，研究报告的部分内容 不能 或者 不被 支持。

当您安装预设时，它将只用它所需要的字体和权重更新您的主要 public/index.html 文件。例如，一个研究报告可能只需要 400,500,600 字体权重。这将导致 Vuetify 中的一些辅助类无法工作；例如 font-weight-thin 需要 300 字体权重。权重可以通过更新你的 public.html 中的字体链接来修改。

为了更新Vuetify中的SASS变量，在开发过程中以及当你的应用程序为生产模式构建时，样式会被重新编译。这将 会 增加你的初始编译时间，并且 会 在你编辑 variables 文件时被触发。如果你的应用程序没有受到任何 Vuetify加载器限制 的影响，你可以选择从 vuetify/lib/framework 导入 Vuetify。这可以将编译时间减少 _50%_。

Vuetify 预设是一个 npm 包，它提供了框架范围内的选项和使用 Vue CLI 进行自定义风格设计。它由一个 SASS 变量文件、一个 CSS 覆盖文件以及 Vue CLI Generator 和 Plugin Service 组成。预设所提供的一些功能包括：

此文件是 Vue CLI Generator，用于更新您应用程序中的 vuetify.js 文件以包含定义的预设。

此文件是 Vue CLI Plugin Service，在运行 yarn serve 或 npm run serve 时将绑定到您的应用程序中。 injectSassVariables 方法将目标文件的变量注入到所有 SASS/SCSS 文件中。

这包含了传递给 Vuetify 构造函数的框架配置选项。这些选项与任何用户提供的值和 框架默认值 相结合。

这是对没有相应的变量的样式修改的全部内容。当你需要在现有组件中添加新的 CSS 属性时，这很有用。

这是一个 SASS/SCSS 变量文件，它将覆盖现有的框架值。你可以在 Vuetify SASS变量 文档页面或组件的 API 部分找到更多关于可用变量的信息。