vite+vue3项目配置Husky

在vite+vue3+eslint项目配置Husky,实现git commit 时对代码进行规范检测

1.安装依赖

npm i husky -D
npm i lint-staged

2.在 package.json 中增加下列代码

"scripts": {
    "lint": "eslint --fix --ext .js,.vue src",
    "lint-staged": "lint-staged",
    "prepare": "cd .. && husky install 当前子目录/.husky" // 当.git文件与项目文件不在同一个目录下时，路径切记要找对
  },

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

3.执行 npm run prepare 会生成一个 .husky 的目录，
然后执行 npx husky add .husky/pre-commit "npm run lint-staged"
会在 .husky 的目录下生成 pre-commit 文件

4.调整pre-commit 文件下的路径（针对***.git*** 文件与***.husky*** 不在同一个目录下的情况）

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

cd 一级文件夹/二级文件夹/../ // 切换目录
npm run lint-staged

然后就可以git 提交试试了