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"
},
}