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

Question

只能使用以下settings.json格式格式化*.ts文件：

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

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

Answer 1

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

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

Answer 2

您可以安装Prettier Code 格式化程序扩展并将这两个选项添加到您的 settings.json 文件中

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

Answer 3

使用像“ESLint”这样的插件的替代方法：

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