代码样式。 SCSS

使用制表符字符

• 选中此复选框后，将使用制表符字符：

  • 按下 Tab 键时

  • 用于缩进

  • 用于代码重排

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

智能制表符

一个缩进由两部分组成。 一部分来自嵌套代码块，另一部分由对齐方式决定。

• 选中此复选框后，嵌套产生的部分将包含制表符和空格（如有必要），而对齐定义的部分仅包含空格。

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

制表符宽度

在此字段中，指定一个制表符等价的空格数。

缩进

在此字段中，指定每级缩进所使用的空格数。

续行缩进

在此字段中，设置在属性值之间插入的空格数量。

在空行上保留缩进

选中该复选框后，WebStorm 会像空行中包含代码一样保留其缩进。 取消选中该复选框后，WebStorm 将删除空行中的制表符和空格。

保留最大空行数

在该区域中，指定重新格式化后保留的额外空行数。

最小空行数

在此区域中配置是否在顶层代码块和嵌套选择器周围添加额外空行。 在每个选项旁的字段中指定应保留的最小空行数。

大括号放置位置

使用此列表可指定 WebStorm 应将选择器的大括号放置在何处。 可用选项包括：

• 在行尾

• 下一行

对齐值

使用此列表可指定 WebStorm 应如何对齐属性及其值。 可用选项包括：

• 不对齐 ：选择此选项可在属性名的首字符处对齐。

• 对值 ：选择此选项可在属性值的首字符处对齐。

• 对冒号

引号

在 CSS、SCSS 和 Less 环境中，WebStorm 默认使用双引号生成 import 语句和 URL 中的字符串文本。 要使用单引号，请从此列表中选择 单引号。

要在重新格式化后将所选样式应用于整个文件，请选中列表下方的 格式化时强制应用 复选框。

将结束大括号与属性对齐

选中该复选框后，选择器的结束大括号将置于属性列表下方。

未选中该复选框时，选择器的结束大括号将置于选择器下方。

保留单行代码块

选中该复选框后，仅含一个属性的代码块将保留在同一行上。

未选中该复选框时，每个属性将单独放置在其所属的行上。

空格

选中此区域中的复选框可在键与值之间的冒号后，以及选择器的大括号前添加空格。

注释

使用该区域中的控件配置行注释和块注释的位置及其内部空格。

• 行注释在第一列 ：选中此复选框可将行注释起始位置设置在第一列。 取消选中该复选框后，行注释将在代码中对齐。

• 在行注释开始处添加空格 ：选中该复选框后，将在行注释符号与注释行首字符之间插入一个空格。

• 在块注释周围添加空格 ：选中该复选框后，将在块注释中添加前导和尾随空格。

  默认情况下，将代码片段置于块注释中时，文本会紧接着 /* 起始字符出现，无空格。 在 */ 结束字符前也不会插入空格。 此默认代码风格可能与某些 linter 的规则冲突，例如 ESLint。

HEX 颜色

请在此区域配置 hex 颜色语法。 您可以从以下勾选项中进行选择：

• 将十六进制颜色转换为 ：选中此复选框可配置 hex 颜色的字母大小写。 您可以选择 小写 或 大写。

• 将十六进制颜色格式转换为 ：选中此复选框可配置 hex 颜色格式长度。 您可以选择 长格式 或 短格式。

在 预览 面板中查看更改。