ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。

Prettierの使い方

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

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

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

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

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

Prettier

prettier/prettier: Prettier is an opinionated JavaScript formatter.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2