husky搭配lint-staged 检查eslint 约束问题代码提交

背景，新写的代码中如果有代码异味  开发前期会提交上，后期再去解决，添加之后我们可以顺手就解决了 避免出现二次回顾修复异味的情况 提高每次commit的质量

 

 

husky：安装husky时hooks会被添加到当前项目目录下的 .git > hooks 文件夹中。

lint-staged:搭配使用，只检查当前变更文件下的语法，会更快一些，不会全部执行

husky的包说明中有相关版本的要求(每个husky版本对node和git的要求版本不同，此例为husky@4.3.0的要求)

Existing hooks are kept. Requires Node >= 10 and Git >= 2.13.0.

安装

https://github.com/cnpm/cnpm/issues/317

 

yarn add husky --dev yarn add lint-staged --dev

 

踩坑：

 

1、安装husky后 ，在.git文件下hooks没有添加：原因：安装的版本太高 对node的版本和git的版本要求比较高；

通过检查hook文件来判断是否安装成功

安装前后.git>hook文件对比

之前文件：

 

安装之后

 

2、这里不能使用cnpm去安装：原因如下

cnpm 和 tnpm 没有像 npm 和 yarn 一样添加 $INIT_CWD 环境变量

https://github.com/typicode/husky/blob/0ffe7853853dd7667ddc24a78469b92b5312aeb2/src/installer/bin.ts#L40

介绍：

目前使用4.x版本

 

package.json文件配置

 

eslint报错的情况下进行commit代码

 

eslint定义了禁止使用var，可以直接定位到问题文件

 

如果提交失败：再在控制台看具体文件 也可以