概要

Prettierインストール後、保存時にコードが自動整形されるはず。
だけど、何かをきっかけに自動整形が上手く走らなくなった。
Prettierのプラグインも入れている。VsCodeの自動整形も入れているのに、なぜか動かなかった。備忘録のためにも記事に残す。

稼動環境

1. Prettierはインストール済み
   

2. VsCodeの設定(自動フォーマットの有効化)
   

原因

VsCodeの自動整形ツールにPrettierを紐づけていなかった事。
VsCodeの自動化はした、Prettierもインストール済み。でも、紐付けが上手くいってないから、自動整形が上手く行かない。原因を突き止めると至極単純なのだが、初回Pluginインストール時は自動で紐付けをやってくれたので、意外と気が付きにくい。

解決策

setting.jsonに↓のコードを追記する。

"editor.defaultFormatter": "esbenp.prettier-vscode",