VSCodeでPrettierが使えない問題を解決する３手順

VSCodeでPrettierが使えない問題

たまに上書き保存時にPrettierが使えない問題が発生するけど、対処方法がぱっと出てこないやつ。
特に３つ目。
そしてFormatOnSaveとDefaultFormatterを同時に説明してる記事が上の方に出てこなくてつらい

Prettier拡張を入れる

1. Cmd + Pでクイックオープンウィンドウを開く
2. ext install esbenp.prettier-vscodeを入力, Enterを押下しインストールする。

Format On Saveが有効にする

1. Cmd + Shift + Pでコマンドパレットを開く
2. Preferences: Open Settings (UI)を入力し設定パネルを開く
3. format on saveを検索し、Editor: Format On Saveにチェックを入れる。

Editor: Default Formatterをprettierにする

1. Cmd + Shift + Pでコマンドパレットを開く
2. Preferences: Open Settings (UI)を入力し設定パネルを開く
3. default formatterを検索し、Editor: Default Formatterの値をesbenp.prettier-vscodeに設