visual-studio-code - 如何在VS Code中为.jsx文件启用自动更漂亮的格式设置？

Question

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

单击状态栏中的“更漂亮”项将显示:

["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的标识符。