如何在 VS Code 中為 .jsx 文件啟用自動更漂亮的格式？

Question

我讓 Prettier 在保存時自動設置了formatting.js、.vue 和其他文件。 但是，由於某種原因，它不會觸發 for.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 的標識符。