前端工程化最佳实践之husky,代码提交检测

本文介绍了如何利用husky在git的pre-commit和commit-msg钩子中设置代码规范检查,包括eslint和commit message的规范。通过安装husky、lint-staged和commitlint,开发者可以在代码提交前自动执行校验,确保代码质量和提交信息的统一性。
摘要由CSDN通过智能技术生成

husky其实就是哈士奇,搞笑的名字,二哈。作用就是在git执行一些操作的时候触发一些钩子,在钩子处执行一些自己需要的命令,比如代码的eslint校验等。最佳实践一般是校验两处,eslint(代码规范)及commit message规范

先安装husky:

yarn add -D husky

在项目根目录创建.huskyrc配置文件,内容如下:

{
  "hooks": {
    "pre-commit": "lint-staged",
    "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
  }
}

其中pre-commit是commit的钩子,会在commit之前执行下lint-staged命令。commit-msg是提交时message的检测钩子,commit前会执行 commitlint -E HUSKY_GIT_PARAMS命令。这里面的两种命令需要安装两个npm包

一个是lint-staged:

yarn add -D lint-staged

一个是commitlint

yarn add -D @commitlint/{cli,config-conventional}

项目根目录添加lint-staged的配置文件.lintstagedrc,内容如下:

{
  "*.{js,json,css,md}": [
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值