如何在 VS Code 中为 .jsx 文件启用自动更漂亮的格式？

Question

我让 Prettier 在保存时自动设置了 .js、.vue 和其他文件的格式。但是，出于某种原因，它不会触发 .jsx 文件。

单击状态栏中的“Prettier”项显示：

["INFO" - 10:48:25 am] Enabling prettier for range supported languages
[
  "graphql",
  "javascript",
  "javascriptreact",
  "json",
  "typescript",
  "typescriptreact"
]

这似乎是正确的。

我错过了什么？

Answer 1

啊，我找到了。在 VS Code 中settings.json，每种文件类型都必须单独启用formatOnSave：

{
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode",
        "editor.formatOnSave": true
    },
    "[vue]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.formatOnSave": true,
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },

 }

请注意javascriptreactJSX 的标识符。