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

Posted 2023-02-22

【中文标题】在 VS Code 中保存时格式化 *.tsx 文件

【英文标题】：Format *.tsx files on save in VS Code

【发布时间】：2019-08-27 11:40:35

【问题描述】：

在settings.json 中，只能格式化*.ts 文件：

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

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

【参考方案1】：

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

另见Language specific editor settings

【讨论】：

自 2020 年 10 月 15 日起这不起作用，您知道发生了什么吗？

嗯，我刚刚检查了一下，它似乎对我有用。你错过了更新吗？你在其他地方把它设置为假吗？您是否禁用了格式化程序？

终于让它工作了，我需要先手动运行格式化，然后才能保存。有冲突的 linters 试图对同一个文件进行 lint，但它没有抛出任何错误。如果您安装了多个，上述 sn-p 还需要明确设置您希望它使用哪个 linter。

是的，我也遇到了同样的问题。要设置默认 linter，请打开命令面板 Ctrl+Shift+P 并配置默认格式化程序。

【参考方案2】：

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

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

【讨论】：

这与我的其他情况不同。

【参考方案3】：

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

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