You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让VS Code在CSS中按{+Enter时光标处生成空格

修改VS Code中CSS代码块的自动缩进格式

要实现你想要的格式效果,按以下步骤操作:

  • 打开VS Code设置界面:使用快捷键Ctrl+,(Windows/Linux)或Cmd+,(Mac),或者点击左下角的设置图标选择「设置」。
  • 在设置搜索栏输入 editor.defaultFormatter,确认CSS文件的默认格式化工具(推荐用VS Code内置的CSS语言服务,或Prettier插件)。
  • 若使用VS Code内置CSS格式化:搜索 css.format.indentInsideBraces,将该选项设为true。
  • 若使用Prettier插件:搜索 prettier.bracketSpacing 并设为true,同时确保Prettier已设为CSS的默认格式化工具。
  • 额外检查:确认editor.insertSpaces已勾选,editor.tabSize设置为你习惯的空格数(比如2或4)。

设置完成后,输入h1 {并按下Enter,编辑器会自动生成带缩进空格的格式:

h1 {
 |
}

内容的提问来源于stack exchange,提问作者Majin Kayn

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 18:56:13