[React] husky
husky
次にESLintでHuksyというパッケージについて知りましょう詳細についてはhaskyのハブページを参照してください.
1. husky
Git hooks made easy
haskyについての簡単な説明は以下の通りです.このパッケージはgit hooksを簡単に使用できます.gitによってアクションが発生した場合、処理を支援するツールと見なすことができます.たとえば、コミット後またはプッシュ前に動作を決定できます.
1.1パッケージのインストール
npmコマンドでhaskyをインストールするgitがインストールされていない場合、hooksは正常に動作しない可能性があります.gitをgit init
に設定してインストールを続行する必要があります.$ npm init -y
$ git init
$ npm install husky -D
1.2パッケージの設定
$ code .
$ npx install husky
Vscodeを使用してプロジェクトを開きます.その後、Vscodeで端末を開き、npx install husky
と入力し、hickyを設定してgit hooksを使用することができる."scripts": {
"prepare": "husky install",
"test": "echo \"Error: no test specified\" && exit 1"
},
次に、wereとprepareというpackage.json
ファイルにhusky install
を追加します.
1.3 pre-commit
今回は実際にhuckyを利用してみましょうcommitを実行する前に、npm test
というスクリプトを実行してみてください.$ npx husky add .husky/pre-commit "npm test"
この命令を通す.hashyフォルダにpre-commitというファイルが作成されていることを確認できます.ファイルには、入力したnpm test
も含まれています.$ git add -A // 변경사항, 추가사항, 제거사항을 저장
$ git commit -m "husky test"
今回は実際に提出します.このコマンドを実行すると、エラーが発生し、コミットされていないことを確認します.
実際にコミットする前に、huksyですべてのコードをESLint、Prettyerなどのツールで事前コミットをチェックおよび変更するように設定できます.
では、次の授業で実際に設定します.
Reference
この問題について([React] husky), 我々は、より多くの情報をここで見つけました
https://velog.io/@hanei100/React-husky
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
$ npm init -y
$ git init
$ npm install husky -D
$ code .
$ npx install husky
"scripts": {
"prepare": "husky install",
"test": "echo \"Error: no test specified\" && exit 1"
},
$ npx husky add .husky/pre-commit "npm test"
$ git add -A // 변경사항, 추가사항, 제거사항을 저장
$ git commit -m "husky test"
Reference
この問題について([React] husky), 我々は、より多くの情報をここで見つけました https://velog.io/@hanei100/React-huskyテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol