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

Table of Contents

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

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

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

huskyとは

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

Husky はコミットなどを改善します 🐶 ワン!

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

とのこと、ワン!

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

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

huskyをインストールする

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

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

npx husky-init && npm install

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

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

.husky\pre-commit

中身を見てみると

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

npm test

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

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

My avatar

Thanks for reading my blog post! Feel free to check out my other posts or contact me via the social links in the footer.


More Posts

Comments