IntelliJ IDEA 2025.1 Help

代码样式。 SCSS

使用此页面配置 SCSS 文件的格式选项。 当您更改这些设置时, 预览 面板将显示这将如何影响您的代码。

制表符和缩进

使用制表符

  • 如果选中此复选框,将使用制表符:

    • 按下 Tab 键时

    • 对于缩进

    • 对于代码重排格式

  • 如果取消勾选复选框,IntelliJ IDEA 将使用空格代替制表符。

智能制表符

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

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

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

选项卡大小

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

缩进

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

续行缩进

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

保持空行的缩进

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

空行

使用此选项卡定义在重新格式化后,您希望 IntelliJ IDEA 保留并在您的代码中插入多少空行以及在何处插入。 结果显示在 预览 面板上。

保持最大空白行数量

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

最小空白行数

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

其他

在此选项卡中,指定在重新设置格式时应用的对齐、大括号、空格和引号选项。

大括号的位置

使用此列表来指定 IntelliJ IDEA 应该在哪里放置选择器的开括号。 可用选项包括:

  • 行尾

  • 下一行

对齐值

使用此列表来指定 IntelliJ IDEA 应如何对齐属性和值。 可用选项包括:

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

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

  • 在冒号上

引号标记

在 CSS 、 SCSS 和 Less 的环境中, IntelliJ IDEA 默认在 import 语句和 URLs 中采用双引号来生成字符串字面值。 要使用单引号,请从此列表中选择 单一

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

将闭合大括号与属性对齐

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

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

保持单行块

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

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

空格

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

注释

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

  • 行注释在第一列 :选中此复选框,以在第一列开始行评论。 当复选框未选中时,代码中的行注释将会对齐。

  • 在行注释开始处添加空格 :当选中此复选框时,将在行注释字符和被注释行的第一个字符之间插入一个空格。

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

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

HEX 颜色

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

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

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

预览 面板中查看更改。

安排

在此选项卡中,启用 SCSS 文件中的 CSS 属性排序功能,该功能默认关闭,并选择排序顺序。

  • 要启用排序功能,请选择 对 CSS 属性排序 复选框。

  • 选择 按名称 以便将每个块中的所有 CSS 属性按字母顺序重新排序。 IntelliJ IDEA 忽略了特定供应商的前缀,但保留了某个特性的多个供应商特定前缀,并进行了按字母顺序排序。

    border: 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: black;
  • 要定义您自己的排序策略,选择 自定义排序 选项,并在其旁边的字段中指定所需的排序顺序。

    使用逗号和空格作为分隔符,跳过特定供应商的属性,因为 IntelliJ IDEA 总是将它们与没有前缀的相应属性一起组合。 在这样的组内,属性按照供应商前缀进行排序,不带前缀的属性排在最后。

    自定义订单 列表中,欢迎使用正则表达式,例如, .* 可以匹配任何属性。

    IntelliJ IDEA 记住了修改过的 自定义订单 列表,如果您关闭了自定义排序然后再次打开,它会恢复这个列表。

对 SCSS 文件中的所有 CSS 属性进行排序

  • 前往 代码 | 重新排列代码

  • 或者,从主菜单中选择 代码 | 重新格式化文件 ,然后在打开的对话框中选择 整个文件重新排列代码

要在块中排序 CSS 属性

  • 选择要排序的块,然后从主菜单中选择 代码 | 重新排列代码

  • 另外,您可以前往主菜单中的 代码 | 重新格式化文件 ,然后在打开的对话框中选择 重新排列代码

设置从

当适用时,链接将出现在页面的右上角。 点击此链接并选择要作为当前语言代码样式基础的语言。

要返回到初始的代码样式设置,并丢弃更改,请点击 重置

最后修改日期: 2025年 4月 24日