VS 代碼中更漂亮的擴展不起作用，我嘗試了包括 yt 教程在內的所有內容，但我所做的一切都沒有幫助

Question

我絕望了，最后讓自己研究了一些反應並猜猜是什么，甚至無法啟動因為突然我的設置搞砸了。 每當我嘗試保存為自動格式時，什么都沒有發生。 我真的在 stackoverflow 甚至 yt 上嘗試了這里的所有內容，但沒有任何幫助...將向您展示我的代碼：這是我按 ctrl+s 保存文件並格式化后的樣子...

就像一周前一樣，一切都運行良好，不知何故我搞砸了設置。 如果有人向我發送他的 settings.json 將會很有幫助，因為我嘗試了一些我在谷歌上找到的但沒有幫助。 我真的很想學習 React，但這不會讓我。 我知道我可以使用codesandblox，但不是它......提前謝謝......

Answer 1

您需要將默認格式化程序設置為 Prettier 並在保存時啟用格式化。

默認格式化程序為確保此擴展程序用於您可能已安裝的其他擴展程序，請務必在 VS Code 設置中將其設置為默認格式化程序。 可以為所有語言或特定語言設置此設置。 以下將僅對 Javascript 使用 Prettier。

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

格式保存尊重 editor.formatOnSave 設置。

您可以通過限定設置的范圍，在每種語言的基礎上啟用 format-on-save：

// Set the default
"editor.formatOnSave": false,
// Enable per-language
"[javascript]": {
    "editor.formatOnSave": true
}

Answer 2

{
    "git.autofetch": true,
    "terminal.explorerKind": "external",
    "files.autoSave": "afterDelay",
    "terminal.integrated.profiles.windows":{"Git Bash":{"path":"C:\\Program Files\\Git\\bin\\bash.exe"},  },
"terminal.integrated.defaultProfile.windows": "Git Bash",
"editor.formatOnSave": true,
"html.format.indentHandlebars": true,
"html.format.indentInnerHtml": true,
"settingsSync.ignoredExtensions": [
],
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
}