📌

VScode で Prettierを用いているのにフォーマット整形されない問題

2021/12/04に公開

最近 among usというゲームにハマっているのですが、あれリア友とやるとめっちゃオモロイですね。ですが人数は七人以上いないと厳しいので人集めが大変です。


VScode で Pretiierを用いたonSaveのフォーマットが効かない問題

Headingの通り、問題が起きました。VS Codeで Prettier周りの設定について少し時間が開くと記憶が彼方に飛んで、この問題についてググる羽目になるのでもうまとめておこうと思いました。

原因

以下のところでした。

Editor : Default Formatternull になっていたからですね。

これは上記の画像にもある通り、esbenp.prettier-vscode を選択すると良いです。

こっちの可能性もある

settings.jsonを見てeditor.formatOnSavetrueかどうかをチェックする。

"editor.formatOnSave": true,

基本的にfalseにしていて、言語によってtrueにしていて効いていなかったわ〜ということもあり得るので。

最終的なsetting.json

{
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}

Discussion