【Prettier】コード整形を自動化して楽したい

Prettierとは

コードのフォーマットを自動整形してくれるツールです。
サポートしている形式も様々なので、多くの言語のフォーマットで行うことができます。
下記は例ですg

• JavaScript
• TypeScript
• JSX
• JSON
• SCSS
• GraphQL

使うとどんな恩恵を受けるのか

Web制作やWebアプリケーション開発などの現場の多くは、複数人で開発をします。そういったときに、インデントがズレれていることや、シングルクォーテーションを使うのか、ダブルクォーテーションを使うのか、オブジェクトの最後にカンマをつけるのか、つけないのかなどのコードの書き方は人によって多少なりとも違いが発生します。

またチーム内でコードスタイルのルールを決めたとしても、
手動で直していくのは、あまりにも骨が折れる作業だと思います。

そこで使用するのが気持ちよく開発を進るために必須ツール、Prettierです。

公式ドキュメント: https://prettier.io/