使用husky+lint-staged规范代码格式

本文最后更新于:2023年1月12日 下午

  1. 安装eslint, prettierlint-staged

    此处并不打算列出eslintrc.js和prettierrc.js的具体配置,具体配置请自行百度

1
2
yarn add eslint prettier lint-staged --dev
npx husky-init && yarn
  1. 更改pre-commit.sh下的命令为
    npx lint-staged

pre-commit 是执行git commit时的hook

  1. 在package.json下配置
1
2
3
4
5
6
7
8
9
10
{
"lint-staged": {
"**/*.{js, jsx, ts, tsx}": [
<!-- 每次commit时,都将更改的文件进行格式检查并格式化 -->
"eslint --fix",
<!-- 如果有格式化的文件,就将其添加到暂存区,方便commit提交文件 -->
"git add"
]
}
}
  1. 在eslint使用prettier
1
yarn add eslint-plugin-prettier eslint-config-prettier --dev
  1. 在eslintrc.js文件添加如下配置
1
2
3
4
5
6
7
8
9
{
<!-- 一定要放到最后面,才能覆盖其他配置 注:v8之后就是使用如下格式-->
extends: ['prettier'],
plugins: ['prettier'],
rules: {
<!-- 使用prettier, 默认会使用.prettierrc.js中的规则 -->
"prettier/prettier": "error"
}
}

使用husky+lint-staged规范代码格式
https://www.yxlazy.xyz/2022/03/03/使用husky+lint-staged规范代码格式/
作者
yxlazy
发布于
2022年3月3日
更新于
2023年1月12日
许可协议