なぜこの記事を書こうと思ったのか
VSCode上でPrettierを使った保存時の自動整形をネット上での記事を参考にしたが、なかなか上手く行かなかったので自分のための記録と自分と同じようなパターンで困ってる人のために書こうと思いました。
躓いたポイント
いろんな記事に書いてある方法は、
- Prettierをインストール
- 設定 > saveと検索 > Format On Save Modeにチェックを入れる
- 同じく 設定 > default formatterと検索 > Editor:Default FormatterをPrettier - Code formatterに設定(他の記事だと少し名前が異なるかもしれないが、内容は同じでした。)
上記が、いろんな記事に記載してある方法で問題なくできると思いましたが、自分の場合はできませんでした。
追加で必要だったこと
躓いたポイントの手順にプラスアルファで、確認して欲しい設定は
Format On Save Modeの設定がmodificationsになっていないか、
ここがmodificationsになっていたため自分はうまくいきませんでした。
ここをmodificationsではなく、fileにしてください。
もし、Prettierの自動整形がうまく行かなない方は、上記画像の設定も一度見てみてください！