如何在VS Code中启用自动格式化.jsx文件的Prettier？

Posted 2023-01-16

我已经设置了Prettier在保存时自动格式化.js、.vue和其他文件。然而，由于某些原因，它没有触发.jsx文件。

点击状态栏中的 "Prettier "项，会显示。

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

这似乎是正确的。

我到底漏了什么？

答案

啊，我找到了。在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的标识符。