VSCode：特定のファイルだけ保存時の自動フォーマットが効かない時の対処方法

環境

• Mac
• VSCode
• ESLint
• Prettier

事象

tsxファイルは保存時に自動フォーマットされるが、tsファイルは保存時に自動フォーマットされなかった。

原因調査、対策

settings.jsonを確認すると、

"editor.formatOnSave": true,
があったので、保存時に自動フォーマットされるはずだが。。。

手動でフォーマットしてみた。
(macOS) Shift + Option + F

複数のフォーマッターがあるので、選択してくれとのこと。

Prettierを選択する

これで、保存時に自動フォーマットできるようになった。解決。

settings.jsonにtypescriptが追加されてた。
直接書いてもいいかも。

  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
+ "[typescript]": {
+   "editor.defaultFormatter": "esbenp.prettier-vscode"
+ }