🍚

CodespacesでSaveしてもPrettierが効かない!

2022/06/11に公開

こちらの記事でGithubのCodespaces上にreactの開発環境をつくりました。
https://zenn.dev/kyrice2525/articles/0998a57b7dad7d

いざコードを書いてSaveすると、Prettierが効かなかったので、その解除方法を書いておこうと思います。

結論

  • Format On Saveを確認
  • Editor:Default Formatterを確認

Format On Saveを確認

Codespacesの画面左下の歯車マークを押し、Settingsを選択します。

Settings画面のテキストボックスにformat on saveを入力します。
するとEditor:Format On Saveが表示されるので、チェックを入れます。

Editor:Default Formatterを確認

Settings画面のテキストボックスにdefault formatterと入力します。
するとEditor:Default Formatterが表示されるので、Prettier - Code Formatterを選択します。

以上を行うと、Save時にPrettierが効きます。

最後に

Prettierがないと見にくいので、必須ですね。
誰かの参考になれば幸いです。

Discussion