はじめに
PE部 谷です。
先日、Visual Studio Code（VS Code）でコードを自動でフォーマットしてくれるPrettierを設定したのですが、とても良かったので、設定方法をまとめました。
Prettier
読み方はプリティア？prettyの比較級だそうです。
改めまして、Prettierはソースコードを自動で整形してくれるツールです。
例えば、シングルクォーテーション' '、ダブルクォーテーション" "を統一してくれたり、スペースをあけてくれたり、適切なインデントに直してくれたり、一文が長い時には改行を入れてくれます。
チームで開発を行っている際に書き方を統一できるので便利なんです。
↑これを保存すると一瞬で整形してくれます。
設定方法
まずは、拡張機能をインストールします。
VSCodeのExtentionでPrettier - Code formatterを検索してインストールします。
これで、使える準備が整いました。
次に、コードを保存する際にフォーマットされるように設定していきます。
Settingsを開きます。
Format On Saveと検索し、そのオプションにチェックを入れてください。
チームで開発する際は、設定ファイルを作成すると統一されたフォーマットにすることができます。
まとめ
Prettierのおかげでコード開発のスピードがあがりました。
皆さんもPrettierでワンランク上のVSCodeライフを体験してみてください。
