代码风格。社会保障体系
最后修改时间:2023 年 9 月 7 日文件| 设置 | 编辑| 代码风格| 样式表| 适用于 Windows 和 Linux 的SCSS
IntelliJ IDEA | 设置 | 编辑| 代码风格| 样式表| 适用于 macOS 的SCSS
CtrlAlt0S
使用此页面可以配置 SCSS 文件的格式选项。当您更改这些设置时,预览窗格会显示这将如何影响您的代码。
制表符和缩进
使用制表符 |
|
智能标签 | 缩进由两部分组成。一部分是由嵌套代码块产生的,另一部分是由对齐决定的。
|
标签尺寸 | 在此字段中,指定制表符中适合的空格数。 |
缩进 | 在此字段中,指定要为每个缩进级别插入的空格数。 |
继续缩进 | 在此字段中,指定要在属性值之间插入的空格数。 |
在空行上保留缩进 | 如果选中此复选框,IntelliJ IDEA 会保留空行上的缩进,就好像它们包含某些代码一样。如果清除该复选框,IntelliJ IDEA 将删除空行上的制表符和空格。 |
空行
使用此选项卡可以定义重新格式化后您希望 IntelliJ IDEA 在代码中保留和插入的空白行的位置和数量。结果显示在预览窗格中。
提示
此选项卡上的设置不会影响第一个项目之前和最后一个项目之后的空行数。
保留最大空白行 | 在此区域中,指定重新格式化后要保留的额外空白行的数量。 |
最少空行 | 在此区域中,配置是否在顶级块和嵌套选择器周围有额外的空行。在每个选项旁边的字段中,指定要保留的最少额外空行数。 |
其他
在此选项卡中,指定要在重新格式化时应用的对齐方式、大括号、空格和引号选项。
牙套放置 | 使用此列表指定 IntelliJ IDEA 应放置选择器左大括号的位置。可用的选项有:
|
调整价值观 | 使用此列表指定 IntelliJ IDEA 应如何对齐属性和值。可用的选项有:
|
引号 | 在 CSS、SCSS 和 Less 上下文中,IntelliJ IDEA 默认情况下对 要在重新格式化后将所选样式应用到整个文件,请选中列表下方的强制格式复选框。
|
将右大括号与属性对齐 | 如果选中此复选框,选择器的右大括号将放置在属性列表下方。 如果未选中此复选框,则选择器的右大括号将放置在选择器下方。 |
保留单行块 | 如果选中此复选框,则具有单一属性的块将被限制在一行中。 如果未选中此复选框,则每个属性将放置在其自己的行中。 |
空间 | 选中此区域中的复选框可在分隔键和值的冒号之后、选择器的左大括号之前添加一个空格。 |
评论 | 使用此区域中的控件来配置行注释和块注释以及其中的空格的位置。
|
十六进制颜色 | 使用此区域配置十六进制颜色语法。您可以从以下检查选项中进行选择:
在预览窗格中查看更改。 |
安排
在此选项卡中,启用 SCSS 文件中 CSS 属性的排序(默认情况下处于关闭状态),然后选择排序顺序。
要启用排序,请选中“排序 CSS 属性”复选框。
选择“按名称”可使每个块中的所有 CSS 属性按字母顺序重新排序。IntelliJ IDEA 忽略特定于供应商的前缀,但保留按 alpha 排序的特定属性的多个特定于供应商的前缀。
border: 1px solid; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: black;
要定义您自己的排序策略,请选择自定义顺序选项并在其旁边的文本框中指定所需的排序顺序。
使用逗号和空格作为分隔符并跳过特定于供应商的属性,因为 IntelliJ IDEA 始终将它们与不带前缀的相应属性分组。在此类组中,属性按供应商前缀排序,无前缀的属性排在最后。
自定义顺序列表中欢迎使用正则表达式,例如
.*
匹配任何属性。IntelliJ IDEA 会记住修改后的自定义顺序列表,如果您关闭自定义排序然后再次打开它,则会恢复它。
对 SCSS 文件中的所有 CSS 属性进行排序
转到代码| 重新排列代码。
或者,选择代码 | 从主菜单重新格式化文件,然后在打开的对话框中选择整个文件和重新排列代码。
提示
有关详细信息,请参阅重新格式化和重新排列代码。
对块内的 CSS 属性进行排序
选择要排序的块,然后选择代码| 从主菜单重新排列代码。
或者,选择代码 | 在主菜单上重新格式化文件,然后在打开的对话框中选择重新排列代码。
设置自
如果适用,该链接将显示在页面的右上角。单击此链接并选择要用作当前语言代码样式基础的语言。
要返回到初始的代码样式设置集并放弃更改,请单击“重置”。
感谢您的反馈意见!