Husky

1. 安装

npm

npm i -D husky

yarn

yarn add -D husky

pnpm

pnpm add -D husky

bun

bun add -D husky

2. 初始化husky

npx husky init

在初始化之前 要先创建仓库 -> git init

它会做两件事

• 创建.husky目录

.husky
├── pre-commit

• 在package.json里加

"scripts": {
    "prepare": "husky"
}

pre-commit

.husky/pre-commit

#!/usr/bin/env sh
pnpm run lint:vue && pnpm lint:style && pnpm spellcheck

每次git commit 都会执行pnpm run lint:vue && pnpm lint:style && pnpm spellcheck

lint-staged

husky搭配lint-staged使用

1. 安装

npm

npm i -D lint-staged

yarn

yarn add -D lint-staged

pnpm

pnpm add -D lint-staged

bun

bun add -D lint-staged

2. package.json 里加

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

3. 修改.husky/pre-commit

#!/usr/bin/env sh
npx lint-staged