如何在 React JS 中使用 husky 和 lint-staged 将无错代码推送到 GIT
如何在 React JS 中使用 husky 和 lint-staged 将无错代码推送到 GIT
吨 今天，我将向您展示如何配置 husky 和 lint-staged 模块以在将代码推送到存储库之前检查 linting 错误。就个人而言，我在所有项目中都使用它，因为我不想将有错误的代码推送到我的存储库，然后修复并提交更改。因此，让我们从教程开始。
要求
- 首先，在你的 react 项目上配置 eslint 和 prettier。你可以关注我之前的项目 在 Visual Studio Code 中为 React js 开发配置 Eslint 和 Prettier .
- 设置后，您的项目会出现很多 linting 错误。但我们现在不会解决这个问题。
3. 现在是时候安装我们的模块了。在终端上运行以下命令以安装模块。
npm i husky lint-staged --save-dev
4.现在创建一个文件名 .lintstagedrc 在项目的根目录中并将以下代码粘贴到该文件中。
5. 现在运行以下命令在我们的 react 项目中设置 husky。
npm set-script prepare "husky install" && npm run prepare
npx husky 添加 .husky/pre-commit "npx lint-staged"
6. 现在一切就绪，当我尝试提交我的代码时，它拒绝了，因为它包含错误。
7. 现在在尝试提交您的代码之前修复所有这些 linting 错误，这些代码将被提交然后推送到您的存储库。
您可以在下面找到示例 GitHub 存储库。
[
GitHub - Manntrix/husky-lint-staged
这个项目是用 Create React App 引导的。在项目目录中，您可以运行： 在...中运行应用程序
github.com
](https://github.com/Manntrix/husky-lint-staged.git)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
