如何在 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"
    },

 }

注意 javascriptreact 作为 JSX 的标识符。

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

How do I enable automatic prettier formatting for .jsx files in VS Code?

jsx

visual-studio-code

prettier