VSCode 保存時に Prettier の自動フォーマットが効かなくなった件

コードのフォーマット揃ってないとʕ•ﻌ•ʔﾑｷｯってなっちゃうけど、手作業でフォーマットするのは面倒くさいダメ人間です。
./vscode/settings.json に "editor.formatOnSave": true を指定していたのだけど、保存時に Prettier が効かなくなってたので動くようにしたのメモ。

環境

Mac OS 11.1
Visual Studio Code v1.55.0
Prettier 拡張インストール済み

editor.defaultFormatter に esbenp.prettier-vscode を指定すればOK

.vscode/settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode", // この行を追加する
  "editor.formatOnSave": true,
  …
}

₍ ᐢ. ̫ .ᐢ ₎ AWESOME！

特定の言語のときだけ Prettier を ON / OFF にできる

editor.defaultFormatter を null にすると Prettier を OFF にできる。
例えば JavaScript のときだけ有効にするなら次のように設定すればOK

.vscode/settings.json

{
  "editor.defaultFormatter": null,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.formatOnSave": true,
  … 
}

これで VSCode で何故か Prettier が動かなくなっていた問題解決しました！
設定にもチョットだけ詳しくなれたのでハマってよかったです。
面倒だからﾅﾝﾄｶｼﾀｲってモチベーションが学びの元〜！！！

[参考]