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

過去に作ったVue3のベースプロジェクトにコード整形のプラグインを入れ、設定していく。

仕上げにhuskyを導入する。

目次

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

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

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

huskyとは

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

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

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

とのこと、ワン!

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

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

huskyをインストールする

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

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

npx husky-init && npm install

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

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

.husky\pre-commit

中身を見てみると

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

npm test

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

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

次に読むおすすめ記事

Angularをバージョン指定でインストールする方法は?

foreachの中で非同期が終わったら僕の肩を叩いてください

Javascriptで任意の値を持つn個の配列を作成する

letの仕様に関する知識を問うJavaScriptの問題

JavaScriptで文字列falseをBoolean型に変更しようとして沼に落ちた

この記事に対するコメント

お気軽にコメントを下さい

メールアドレスが公開されることはありません。 が付いている欄は必須項目です