最终的

代码风格：Vue模板

特定于块中的语言

选择此选项可使顶级标签的内容以特定于语言的样式缩进。

整个文件都一样

选择此选项可对文件中所有顶级标记内的代码应用统一缩进。使用下面的控件来配置统一缩进。

使用制表符

• 如果选中此复选框，则使用制表符：

  • 按下按键时Tab

  • 用于缩进

  • 用于重新格式化代码

• 如果清除该复选框，IntelliJ IDEA 将使用空格而不是制表符。

智能标签

缩进由两部分组成。一部分是由嵌套代码块产生的，另一部分是由对齐决定的。

• 如果选中此复选框，则嵌套生成的部分将包含制表符和空格（如果需要），而通过对齐定义的部分仅包含空格。

• 如果清除此复选框，则仅使用选项卡。这意味着在重新格式化后，适合指定制表符大小的一组空格将自动替换为制表符，这可能会导致精细对齐被破坏。

提示

如果选中“使用制表符”复选框，则“智能制表符”复选框可用。

标签尺寸

在此字段中，指定制表符中适合的空格数。

缩进

在此字段中，指定要为每个缩进级别插入的空格数。

继续缩进

在此字段中，指定要在表达式、方法声明和方法调用中的数组元素之间插入的空格数。

在空行上保留缩进

如果选中此复选框，IntelliJ IDEA 会保留空行上的缩进，就好像它们包含某些代码一样。如果清除该复选框，IntelliJ IDEA 将删除空行上的制表符和空格。

缩进顶级标签的子级

默认情况下，只有标签内的代码template具有初始缩进。如有必要，请使用逗号作为分隔符添加其他标签。例如，如果您script在字段中指定，则所有script标记内的代码都会获得初始缩进，如预览窗格中所示。

视觉指南

在此字段中，指定多个右边距。您可以保留默认值或输入边距的空格数。如果要指定多个边距，请输入以逗号分隔的数字。

插值

在此区域中，选择插值的换行样式，并指定是否要{{ }}在新行处使用括号（默认）。

如果Vue.js 插值内的 JavaScript 表达式有换行符，IntelliJ IDEA 会自动从新行开始此 JavaScript 表达式，并在其后添加新行。

清除“{{”之后的新行和“}}”之前的新行复选框以更改此默认行为。

提示

这些复选框不会影响内部没有换行符的 JavaScript 表达式。例如，{{ foo }}无论如何都不会自动分割。

包装选项

包装样式适用于在左侧窗格中指定的各种代码构造（例如，方法调用参数或赋值语句）。

• 不换行- 选择此选项时，不会应用特殊的换行样式，嵌套对齐和大括号设置将被忽略。

• 如果太长则换行- 选择此选项可以使用适当的缩进将超出右边距的行换行。

• 始终换行- 选择此选项可将列表中的所有元素换行，以便每行有一个元素具有正确的缩进。

• 如果过长则砍掉- 选择此选项可将列表中超出右边距的元素换行，以便每行有一个元素具有适当的缩进。

匹配规则

使用此区域将元素顺序定义为规则列表，其中每个规则都有一组匹配项，例如修饰符或类型。

• ：使用此按钮添加规则。空的规则区域打开。

• ：使用此按钮从列表中删除规则。

• ：使用此按钮编辑现有规则。要查看此按钮，请导航到要编辑的规则并单击该按钮。在打开的弹出窗口中，修改规则字段。

• ：使用这些按钮向上或向下移动选定的规则。

空规则

使用此区域可以创建新的匹配规则或编辑现有规则。您可以从以下过滤器中进行选择：

• 类型：使用此过滤器为您的规则选择标签或属性。

  请注意，单击类型关键字两次会否定条件。

• 名称：使用此字段指定规则中的条目名称。此过滤器仅匹配条目名称，例如字段名称、方法名称、类名称等。该过滤器支持正则表达式并使用标准语法。匹配是针对整个名称进行的。

• 命名空间：使用此字段指定规则中的命名空间。它允许您指定控制命名空间属性位置的规则。

• 顺序：使用此列表选择规则的排序顺序。当多个元素使用相同的匹配规则时，此选项非常有用。在这种情况下，选择“保持顺序”将保持与重新排列之前设置的顺序相同，选择“按名称排序”将按名称对具有相同匹配规则的元素进行排序。

• 别名：此选项显示在“规则别名定义”对话框中定义的别名。您可以删除不需要的。

当您从“订单”列表中选择“按名称排序”时，会出现此图标。图标表示此规则中的项目按字母顺序排序。