prettierの導入

[pss-aileen]

概要

• prettierというフォーマッターの導入
• 導入理由
  • まだ規模は小さいですが、改行、タブの広さ、セミコロンをつけるorつけないなどを統一させるため
  • コードの可読性を上げるため
• 作業
  • npm で prettier インストール
  • 付随する設定ファイル作成
  • .vscode フォルダでファイル保存時の自動フォーマットを有効に
  • フォーマッターをprettierに指定
• 設定して、フォーマットを実行済み
  • prettierのデフォルト設定が反映されている
  • tsx など影響あり

関連するIssue

closed #63

その他

• もし、prettierの設定として追加したいものがあれば教えてください

参考

• Prettierの設定の手順調査&設定を考える #69
  • こちらでインストールまでの流れや試行錯誤をざっと書いています

残課題

• ESLint の導入
  • とりあえず必要なんだろうな〜程度ではあるのですが、具体的に何がどうできるかわからないので後調査

[kazzyfrog]

prettierの導入、ありがとうございます！

tailwindのクラス名の整形や、Github Actionsなどは、必要があれば別のイシューとして追加しても良さそうですね！

[kazzyfrog]

LGTM✌️

[kazzyfrog]

このプロジェクトの性質上、同じタイミングでフォークしてContributors.jsonを編集することで、コンフリクトが時々発生しそうだなと想定しているので、コンフリクトの解消にも慣れておいた方が良いかもですね！