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

时间:2020-06-15 01:24:18

标签: visual-studio-code jsx prettier

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

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

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

这似乎是正确的。

我想念什么?

1 个答案:

答案 0 :(得分:2)

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