如何配置husky环境让它搭配soucetree使用
时间: 2024-01-12 16:02:29 浏览: 29
首先,需要在项目中安装husky和lint-staged:
```
npm install husky lint-staged --save-dev
```
然后,在package.json中添加以下脚本:
```
"scripts": {
"precommit": "lint-staged"
}
```
接着,在package.json中添加以下配置:
```
"lint-staged": {
"*.{js,jsx,ts,tsx,json,css,scss,md}": [
"prettier --write",
"git add"
]
}
```
这个配置的作用是在提交前自动运行prettier进行代码格式化,并将修改后的文件添加到git暂存区。
最后,在sourcetree中打开该项目,进入`Repository` -> `Repository Settings` -> `Git Hooks`,勾选`Enable Git Hooks`,并在`Pre-Commit`中添加`npm run precommit`命令即可。
这样配置后,每次在提交代码前,husky会自动运行lint-staged,并将修改后的文件添加到git暂存区,保证提交的代码符合规范。
相关问题
如何在vite+vue3+ts的项目中配置husky
在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 检查和格式化代码。
如何用husky对vue3+Element-plus=typescript的项目完成环境配置
要使用 Husky 对 Vue3 + Element-plus + TypeScript 项目进行环境配置,可以按照以下步骤进行:
1. 首先,在项目根目录下安装 Husky 和 lint-staged:
```bash
npm install husky lint-staged --save-dev
```
2. 接着,在 package.json 文件中添加如下配置:
```json
{
"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"src/**/*.{js,ts,vue}": [
"vue-cli-service lint",
"git add"
]
}
}
```
这个配置将在每次提交代码前执行 lint-staged,lint-staged 又会执行 `vue-cli-service lint` 命令对项目中的 .js、.ts 和 .vue 文件进行代码检查,如果检查通过则将文件添加到提交中。
3. 最后,在 package.json 文件中添加一个 lint 命令来执行代码检查:
```json
{
"scripts": {
"lint": "vue-cli-service lint"
}
}
```
现在,每次提交代码时,Husky 会自动调用 lint-staged 对代码进行检查,如果检查通过则将代码提交到代码库中。如果检查未通过,则提交将被阻止。
注意:在使用 Husky 进行环境配置时,需要注意操作系统的差异性。在 Windows 系统中,需要将 pre-commit 钩子改为 pre-commit.cmd 钩子。