代码样式。 CSS

使用制表符

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

  • 按下 Tab 键时

  • 对于缩进

  • 对于代码重排格式

• 如果取消勾选复选框，JetBrains Rider 将使用空格代替制表符。

智能制表符

一个缩进包含两部分。 一部分来自于嵌套代码块，另一部分由对齐确定。

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

• 如果此复选框未选中，将只使用选项卡。 这意味着，在重新格式化后，适应指定制表符大小的一组空格将自动被替换为一个制表符，这可能导致微调对齐的破坏。

选项卡大小

在此字段中，指定一个制表符中能容纳的空格数。

缩进

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

续行缩进

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

保持空行的缩进

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

保持最大空白行数量

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

最小空白行数

在此区域，配置是否在顶级块和嵌套选择器周围添加或不添加额外的空行。 在每个选项旁边的字段中，指定要留下的额外空白行的最小数量。

大括号的位置

使用此列表来指定 JetBrains Rider 应该在哪里放置选择器的开括号。 可用的选项有：

• 行尾

• 下一行

对齐值

使用此列表来指定 JetBrains Rider 应如何对齐属性和值。 可用的选项有：

• 不对齐 ：选择此选项以根据属性名称的第一个字符指定对齐方式。

• 值 ：选择此选项以根据属性值的第一个字符进行对齐。

• 关于冒号

引号标记

在 CSS、SCSS 和 Less 的上下文中，JetBrains Rider 默认使用双引号生成字符串字面量，用于 import 语句和 URL。 要使用单引号，请从此列表中选择 单一。

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

将闭合大括号与属性对齐

如果选中此复选框，选择器的关闭括号将被放置在属性列表之下。

如果此复选框未被选中，选择器的闭合括号将被放在选择器的下方。

保持单行块

如果选中此复选框，那么具有单一属性的块将被限定在一行内。

如果此复选框未被选中，每个属性将被放置在其自身的行中。

空格

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

注释

使用此区域中的控制选项来配置行和块注释的位置以及它们内部的空间。

• 在块注释周围添加空格 ：勾选此复选框以在块注释中添加前导和尾随空格。

  默认情况下，当您在块注释中封闭一个代码片段时，文本会在打开 /* 字符后立即开始，没有任何空格。 在关闭 */ 字符前都没有插入空格。 这种默认的代码样式可能与一些代码检查工具的规则发生冲突，例如，ESLint。

HEX 颜色

使用此区域配置十六进制颜色语法。 您可以从以下检查选项中进行选择：

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

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

在 预览 面板中查看更改。