為什么 Prettier 代碼格式化程序停止在 VS Code 中格式化？

Question

我正在嘗試格式化代碼，但更漂亮的代碼無法正常使用 VS 代碼。 我也嘗試重新安裝它，但出現同樣的問題。 我無法用更漂亮的格式格式化我的 html css 代碼。 您還可以看到保存代碼后代碼未格式化的屏幕截圖。

Answer 1

按照這些步驟，我認為它會起作用：

1. 從擴展商店安裝 prettier：

2. Go 到並編輯settings.json文件並在下面的行中過去。 您可以通過以下方式找到settings.json ：

• 在 Windows 上： F1或Ctrl + Shift + P ，然后輸入open settings並選擇Open Settings (JSON)
• 在 MacOS 上： Shift + CMD + P ，然后與 Windows 相同的步驟

{ 

  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  
}

3. 重新啟動 VS 代碼。

Answer 2

如果您應用以下答案中提到的步驟（由 yousoumar 提供），但仍然沒有解決方案，那么可能會出現 prettier 正在捕獲的錯誤。 您始終可以通過單擊右下角進行檢查，那里顯示更漂亮（如果有兩個小復選標記，則可能根本沒有錯誤）

Answer 3

編輯設置。json頁面

• Windows：Ctrl + Shift + P
• 在 MacOS 上：Shift + CMD + P

我必須添加以下內容：

{
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
}