1.予備知識

■ESLint

JavaScriptのための静的検証ツール

ファイル内のバグチェックやコーディングスタイルの一貫性を保つ

■Prettier

コードフォーマッター

ソースコード整形

プロジェクト毎にルールを設定する

2.パッケージのインストール

■パッケージの役割

eslint-config-prettier  ESLintとPrettierを併用する際に設定を反映するために使う

@typescript-eslint/eslint-plugin  ESLintとTypeScriptのチェックを行うプラグイン

@typescript-eslint/parser  ESLintでTypeScriptの解析ができる様にする

husky  Gitコマンドをフックに別コマンドを呼び出せるように

lint-staged commitしたファイル(stagingにあるファイル)にlint・Prettierも一緒に実行する

npm install --save-dev eslint eslint-config-prettier prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin husky lint-staged