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

Posted at 2025-02-10

はじめに

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

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

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

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

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

- npm test
+ npx lint-staged

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

package.json

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

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

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