如何在vite+vue3+ts的项目中配置husky
时间: 2023-09-28 12:12:47 浏览: 161
vite+vue3+ts项目基础配置
在vite+vue3+ts的项目中配置husky,可以按照以下几个步骤进行:
1. 安装husky和lint-staged
```
npm install husky lint-staged --save-dev
```
2. 在package.json中添加以下代码
```
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.{js,jsx,ts,tsx,vue}": [
"eslint --fix",
"prettier --write"
]
}
```
3. 在项目根目录下新建 .husky 文件夹,并在其中创建 pre-commit 文件
```
touch .husky/pre-commit
```
4. 在 pre-commit 文件中添加以下代码
```
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"
npm run lint
```
5. 给 pre-commit 文件添加执行权限
```
chmod +x .husky/pre-commit
```
完成以上步骤后,每次执行 git commit 命令时,husky会自动执行 pre-commit 文件中的代码,从而进行 lint 检查和格式化代码。
阅读全文