CLion 2025.2 Help

代码样式。 CSS

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

制表符和缩进

使用制表符

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

    • 按下 Tab 键时

    • 对于缩进

    • 对于代码重排格式

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

智能制表符

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

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

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

选项卡大小

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

缩进

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

续行缩进

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

保持空行的缩进

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

空行

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

保持最大空白行数量

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

最小空白行数

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

其他

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

大括号的位置

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

  • 行尾

  • 下一行

对齐值

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

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

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

  • 关于冒号

引号标记

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

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

将闭合大括号与属性对齐

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

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

保持单行块

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

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

空格

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

评论

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

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

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

HEX 颜色

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

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

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

预览 面板中查看更改。

安排

在此选项卡中,启用 CSS 属性的排序功能,默认情况下此功能被关闭,然后选择排序顺序。

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

  • 选择 通过名称 以便将每个块中的所有 CSS 属性按字母顺序重新排序。 CLion 忽略特定供应商的前缀,但会为特定的 CSS 属性保留多个供应商特定的前缀,并按字母顺序排序。

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

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

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

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

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

  • 在主菜单中,进入 代码 | 重新排列代码.

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

要在块中排序 CSS 属性

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

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

设置从

点击此链接并选择要作为当前语言代码样式基础的语言。

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

最后修改日期: 2025年 9月 26日