如何让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
相关产品推荐
相关产品推荐

