當我按 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 中添加了縮進