使用husky作为git提交代码时的代码检查工作流

一、安装husky

安装前需要确认已经安装好git工具、pnpm工具
1、在Vscode中右下角切换到git bash模式

2、如果当前没有启用git，是需要git init一下
需要在管理终端输入 git init

git init

3、安装husky。在终端输入以下命令

pnpm dlx husky-init &&pnpm install

二、配置

4、修改配置，此时在当前项目根目录应该生成了一个文件

5、打开pre-commit
将npm test 修改为 pnpm lint

pnpm lint

三、只对当前提交的代码在暂存区提交时检查，历史问题不处理

一、安装lint-staged

执行以下命令

pnpm i lint-staged -D

二、配置lint-staged

1、打开package.json

2、在scripts中增加：

"lint-staged": "lint-staged", 

3、package.json 加上lint-staged

  "lint-staged": { 
    "*.{js,ts,vue": [
      "eslint --fix"
    ]
  },

配置完是这个样子的

4、修改pre-commit配置

pnpm lint-staged

完事，收工。