VSCode で設定は合っているのに Prettier が効かない時の対処法

自分に起こったことのメモです。

事件

VSCode の Prettier フォーマット ( Format On Save) が動かなくなった〜😱

調べて出てくる解決法が役に立たなかったので困った。

• VSCode 設定の Editor:Format On Save にチェック入ってる？
  • 入っとるわ！
• Editor:Default Formatter で esbnp.prettier-vscode 選択してる？
  • しとるわ！

settings.json にも特におかしなところはないのになぜ。。？

Format Document コマンドを試してみる

1. COMMAND + SHIFT + P でコマンドパレット開く
2. Format Document を選択
3. フォーマットの選択を求められる。
   どうやら Prettier 以外のフォーマッタがデフォルトに選択されていた模様。
   （設定にはなかったと思うけど。。見逃していた可能性もある）
4. Prettier を選択。

上記の方法で Format On Save が復活🎉
設定合ってるのにフォーマット動かない！ってときに確認してみるといいかもしれないです。

オチ（追記）

settings.json にも特におかしなところはないのになぜ。。？

global な settings.json ではなく、プロジェクトのsettings.jsonに記載がありました。

    "editor.defaultFormatter": "octref.vetur"

プロジェクトの .vscode/settings.json の中身も確かめましょう。。