当我按 Enter 键时，如何格式化 Visual Studio 代码以在 CSS 中的大括号之间添加缩进空格？

Question

当我打开 CSS 中的大括号并按回车键时，它只是跳到下一行，如下所示：

body {
}

它不会像以前那样添加带有缩进的新行，我尝试查看设置并尝试一切但无法获得结果。 当我按 Enter 时，我希望它看起来像这样：

body {
    
}

Answer 1

您需要的是一个名为“Prettier”的 VSCode 插件。

可以在VSCode的“Extensions”部分下载，也可以从这个链接下载： https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

Answer 2

您可以尝试以下方法：

1. 检查您是否已将默认格式化程序设置为更漂亮
2. 您可以选中“保存时格式化”框，或者；
3. 自动保存：目前有 4 个选项可用 -：

a) 关闭

b) afterDelay

c) onFocusChange

d) onWindowChange

Answer 3

对于在 VSCode 中遇到此问题的任何人。 此功能与任何扩展无关，与 Prettier 或任何其他扩展无关。 要修复此错误，您必须做的是：

1. Go 到设置
2. 搜索折叠策略并选择自动选项
3. 然后启用折叠

它在 HTML 和 CSS 中添加了缩进