Visual Studio Codeでは、デフォルトでフォーマッターが入っている。
自動でコードを整形してくれるので、とても便利。
設定はとても簡単。
左下歯車マーク押下
![](https://i0.wp.com/community-world.site/wp-content/uploads/2023/04/スクリーンショット-2023-04-24-14.41.11.jpg?resize=1024%2C609&ssl=1)
設定を選択
![](https://i0.wp.com/community-world.site/wp-content/uploads/2023/04/スクリーンショット-2023-04-24-14.42.23-1.png?resize=513%2C351&ssl=1)
「format on save」で検索し、チェックをつける
![](https://i0.wp.com/community-world.site/wp-content/uploads/2023/04/スクリーンショット-2023-04-24-14.43.53.jpg?resize=1024%2C521&ssl=1)
この設定をしたら、保存のたびにフォーマッターが動くので、適当に書いても直してくれます。
整形すると、みんなが読みやすいコードになりますよ。
デフォルトで、HTML、CSS、Javascriptはフォーマッターが入っているので、ぜひ使ってみてください。