使用 husky 和 ​​lint-staged 设置 linter

作为开发人员，我想自动使用 eslint 规则集来格式化我的代码，所以我不必手动进行

设置 husky 和 ​​lint-staged ，因此您在提交代码之前有额外的代码样式检查器。让我们开始

需要的包：

打字码 / 沙哑

[

GitHub - typicode/husky: Git 钩子变得简单了哇！

现代原生 Git 钩子变得简单 Husky 改进了你的提交等等 哇！编辑 package.json > 准备脚本和…

github.com

](https://github.com/typicode/husky)

奥科内特 / lint-staged

[

lint-staged, - 在 git 暂存文件上运行 linters,下载lint-staged的源码_GitHub_帮酷

针对暂存的 git 文件运行 linter，不要让 溜进你的代码库！ npm install --save-dev lint-staged #…

github.com

](https://github.com/okonet/lint-staged)

埃斯林特 / 埃斯林特

[

GitHub - eslint/eslint: 查找并修复 Javascript 代码中的问题。

查找并修复 Javascript 代码中的问题。通过在…上创建帐户来为 eslint/eslint 开发做出贡献

github.com

](https://github.com/eslint/eslint)

设置：

首先安装包：

yarn add husky lint-staged eslint --dev


接下来是在脚本下面运行以在我们的项目中启用 git 钩子：

npm set-script prepare “husky install” && yarn prepare


然后更新你的 package.json

{
//...
“lint-staged”：{
"**/*.{js,jsx}": "eslint --fix"
}
//...
}


并更新 package.json 下的脚本

npm set-script 预提交“yarn lint-staged”


最后，我们需要设置 husky 在预提交时调用 lint-staged

yarn husky 添加 .husky/pre-commit “纱线预提交”


很简单，我们现在已经设置了我们的 linter，每次我们提交我们的代码时，我们都有我们的 linter 来自动检查和修复代码格式。

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/1736/40413016