項目中使用 husky 配合 lint-staged 進行git提交前代碼檢查


husky v6版本的具體使用方法


  • 插件自定配置(推薦)
npx husky-init && npm install 

上邊命令會設置husky並且聲稱一個.husky文件夾,修改package.json並且創建了一個可執行的pre-commit腳本樣例,當你git commit命令式,默認會執行npm test

  • .husky文件夾中會有一個pre-commit 生成的代碼示例
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
npm test 
  • hooks add添加其他hooks(如果需要配合 commitlint 規范提交message格式)
npx hooks add .hooks/commit-msg 'npx --no-install commitlint --edit "$1"'

這里配合 lint-staged 實現提交代碼前檢查功能

  • lint-staged 這里就不解釋此插件作用了
npm isntall lint-staged -D //此插件功能為只檢查后來修改的代碼 詳細可自行查看
  • 在page.json文件中添加(這里是root級)
"lint-staged": {
	"*.{js,jsx,vue}": [
	"vue-cli-service lint"
	]
}

  • .husky文件夾中會有一個 pre-commit (修改其中的代碼,就是提交代碼前需要執行的檢查代碼的命令)
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
npx --no-install lint-staged  //這里的意思是 使用執行 lint-statged 插件 使用本地資源 不下載
  • 繞過代碼檢查 直接提交代碼
git commit -m "test" --no-verify

官方文檔
參考文檔,思否
低版本可以直接按照此文檔


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM