前端 vscode 配置husky

自动安装

1. 执行命令 npx husky-init && npm install
   执行出来会 生成.husky文件
2. 会生成下面实例的文件：
   

手动安装husky

npm install husky --save-dev

1. 启用husky
2. npx husky install
3. 要在安装后自动启用Git钩子，编辑package.json
4. npm set-script prepare “husky install”

执行上述之后

1. 按上图显示： 在.git同级目录生成.husky文件夹，文件夹下有一个可以编辑的示例pre-commit钩子
2. 在package.json中的scripts中添加了"prepare": "husky install"
3. 更改git配置项core.hooksPath为.husky

添加hooks

要添加另一个钩子，请使用husky add。
可以不添加

npx husky add .husky/commit-msg 'npx --no-install commitlint --edit "$1"'

更改hooks脚本

#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

npm run lint-staged

安装lint-staged
lint-staged
lint-staged的作用就是对暂存区的文件执行lint，可以让我们每次提交时只校验自己修改的文件。
npm install lint-staged --save-dev

修改package.json

   "husky": {
        "hooks": {
            "pre-commit": "lint-staged"
        }
    },
    "lint-staged": {
      "*.{js,vue}": [
        "eslint --fix",
        "git add ."
      ]
    },

成功运行

可以通过.huky.sh中修改提示内容

也可观看
也可观看