代码风格：Vue

特定于块中的语言

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

在整个文件中相同

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

使用制表符

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

  • 按键Tab时

  • 用于缩进

  • 用于重新格式化代码

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

智能标签

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

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

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

标签大小

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

缩进

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

继续缩进

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

在空行上保留缩进

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

缩进顶级标签的孩子

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

视觉指南

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

插值

在此区域中，为插值选择一种环绕样式，并指定是否要{{ }}在新行处包含括号（默认）。

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

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

包装选项

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

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

• 长时换行 - 选择此选项以使用适当的缩进换行超出右边距的行。

• Wrap always - 选择此选项以将所有元素包装在列表中，以便每行有一个元素具有适当的缩进。

• Chop down if long - 选择此选项以将元素包裹在超出右边距的列表中，以便每行有一个元素具有适当的缩进。