JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。 そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。

Prettierの使い方

左側が元コード、右側が変換後のコードです。

引数の与え方などが大きく変わっています。

配列なども綺麗に並んでいます。

Prettierを使うとルールに合わせてコードを変換してくれます。改行やインデントでの整形になるので、動作が変わることはありません。インデントはタブか空白か選択できたり、ダブルクォートかシングルクォートかといった指定もできます。パーサーも指定できるので、自社好みのカスタマイズもできるでしょう。

Prettierはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

Prettier prettier/prettier: Prettier is an opinionated JavaScript formatter.