VS Codeで*.js, *.ts, *.jsx, *.tsxのみにデフォルトフォーマッタとしてPrettierを設定する

デフォルトフォーマッタや自動フォーマッティングの設定を言語ごとに変えたいときがある。
VS Codeで特定の拡張子のみに適用したい設定は、settings.jsonに記述する。

今回はjs, ts, jsx, tsxのファイルのみでPrettierをデフォルトフォーマッタとして設定し、自動フォーマッティングを有効にする場合の書き方を記す。

command+shift+Pでsettings.jsonを開き、下記を追記する。

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

以上。