Ionic/Angularにコードフォーマッタを導入する


Ionicのコードをレビューする機会が度々あるのですが、独自フォーマットを読むのは困難なので、最初にフォーマッターを導入してもらい整形してもらってからレビューするようにしています。

AngularのデフォルトテンプレートとIonicのスターターテンプレートのふたつとっても、フォーマットが微妙に違うことは有名?ですが、そこに複数の実装者が「私はここで改行をいれる!」「私はタブだ!!」みたいに独自性をだしたコードはちぐはぐになってしまうので、ぜひ皆さんもフォーマッタを導入してみてください。

簡単に導入できるように以下のコマンドを作成しました。(`@ionic/[email protected]以上でご利用ください)

% ng add @rdlabo/ng-add-formatter

フォーマッタであるprettierや、ステージにあげたコードのみに適用するためのlint-stagedなどいくつかのパッケージがインストールされ、自動的に設定Scriptsが追記されます。

とてもシンプルですので、ぜひ今すぐ自分のプロジェクトを開いて、実行ください。差分をみるととても爽快ですよ!

それでは、また。