在 VS Code 中保存时格式化 *.tsx 文件

Question

在settings.json有可能只能格式化*.ts文件有：

"[typescript]": {
    "editor.formatOnSave": true
}

但我无法让它为*.tsx文件工作。

Answer 1

"[typescriptreact]": {
    "editor.formatOnSave": true
}

另请参阅特定于语言的编辑器设置

Answer 2

您可以安装Prettier Code formatter 扩展并将这两个选项添加到 settings.json 文件中

{
  "typescript.format.enable": false,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

Answer 3

就我而言，我将两者都添加到了我的文件中settings.json，因为我注意到保存时 .ts 文件未格式化，以下是更新的设置：

"[typescript]": { // for .ts files
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
},
"[typescriptreact]": { // for .tsx files
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
},
"editor.codeActionsOnSave": { // apply ESLint
    "source.fixAll.eslint": true
},

Answer 4

使用“ESLint”等插件的替代方法：

"[typescriptreact]": {
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}