如何设置VS Code在CSS中按下Enter时在大括号间添加缩进空行？

你可以通过以下步骤恢复CSS代码中打开大括号后按Enter自动缩进换行的效果：

一、检查编辑器基础缩进设置 #

• 按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开设置界面
• 搜索editor.autoIndent，将其值设置为full
• 搜索editor.smartIndent，确保该选项处于勾选状态
• 搜索editor.bracketPairColorization.enabled，确认此功能已开启（辅助括号联动识别）

二、配置CSS专属格式化选项 #

• 在设置中搜索css.format.enable，确保CSS格式化功能已启用
• 搜索css.format.indentInsideBlock，勾选该选项（此设置直接控制块内代码的自动缩进）

三、第三方格式化插件排查（如Prettier） #

如果你使用了Prettier等格式化插件，需同步检查插件设置：

• 搜索Prettier: Indent Width，设置为你习惯的缩进数值（如2或4）
• 确认插件已将CSS设置为其格式化的目标语言

四、重置窗口生效 #

若修改设置后无变化，按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）打开命令面板，输入Reload Window并回车，重新加载VS Code即可。

设置完成后，输入CSS代码时按下Enter会自动生成带缩进的新行：

body {
  /* 光标自动定位在此缩进位置 */
}

内容的提问来源于stack exchange，提问作者Aymen Diabi