Vue3のベースプロジェクトを作成したので、仕上げにhuskyを導入する

コードフォーマット系のプラグインは以前の記事で入れたので、コマンドを実行すれば、コードが統一化される。

だがしかし、コマンドを実行することを忘れることがあるだろう。人間だもの。

ということでhuskyを導入し、コミット時にコマンドを走らせるようにする。

huskyとは

公式サイトのGoogle翻訳によると、

Husky はコミットなどを改善します 🐶 ワン!
コミットまたはプッシュするときに、コミットメッセージのリント、テストの実行、コードのリントなどに使用できます。Husky はすべての Git フックをサポートしています。

とのこと、ワン！

つまりgitに対する処理をフックとして何らかの処理を行うことができる。

今回はコード整形の処理を行っていく。

基本的に公式を見れば問題ない。

てかそもそも公式を見れば大抵のことは問題ない。

npx husky-init && npm install

で、公式によると↑を実行すれば基本的にOKとのこと。

上記を実行するとrootに下記ファイルが作成される。

.husky\pre-commit

中身を見てみると

#!/usr/bin/env sh . “$(dirname -, “$0”)/_/husky.sh”

npm test

と書かれているのでnpm testの箇所を自身の実行したいコマンドに変更する。

で、コミット時に実行したいコマンドが実行されていればそれで問題なく完了。