TypeScriptのプロジェクトにhuskyをインストールする

はじめに

今回はnpmを利用したインストール方法をまとめてみます

前提

PrettierとEslintの設定が終わっていること

インストール

パッケージや設定をするためのコマンドを実行します

npm install --save-dev husky
npm install --save-dev lint-staged
npx husky init

.husky/pre-commit の編集

生成されたpre-commitを手動で編集します
※npm testはサンプルなので削除

- npm test
+ npx lint-staged

package.jsonの編集

.tsと.tsxファイルをチェックしたいので以下の設定を追記します

package.json

    "lint-staged": {
      "*.{ts,tsx}": "prettier --write"
    }
  }

これで設定は完了です！
試しに適当なファイルをコミットしてみてください！

おわりに

色々導入方法があったのですが2025年2月現在は上記で大丈夫そうでした