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

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

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

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

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

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

在我的例子中，我在我的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
},

"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode", /// TSX auto format on save Prettier
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": { /// TSX auto format on save ESLint
      "source.fixAll.eslint": true
    }
  },