如何将 EsLint 与 Vite+react 项目集成

Question

当我使用 create-react-app 创建反应应用程序时，默认情况下有 Eslint。 这就是我们不想手动集成的原因。 但是当我使用Vite创建 React 应用程序时，不存在像Eslint、jslint这样的任何类型的 Lint

请告诉我任何建议。 如何在 Vite+react 项目中实现 eslint？

Answer 1

首先，在你的机器上全局安装 eslint 是个好主意， npm istall -g eslint这样你就可以使用 eslint cli 来初始化你项目中的 eslint 配置文件。

npm istall eslint --save-dev其安装在 React 项目中，如果您从未安装过，则可以按照以下步骤操作：执行npm istall eslint --save-dev或yarn add -D eslint ，然后使用npm install eslint-plugin-react --save-dev React 的 eslint 插件npm install eslint-plugin-react --save-dev或yarn add -D eslint-plugin-react 。

一旦安装了两个依赖项，只需在项目的根目录中打开一个终端并运行命令eslint --init这将在您的项目中创建一个 .eslintrc.json 文件，并且已经添加了基本配置。 您可以查看 eslint-plugin-react 包的文档，以更好地了解如何向文件添加更多规则以及该插件支持的规则。 https://www.npmjs.com/package/eslint-plugin-react

这篇文章也应该对你有帮助https://medium.com/@RossWhitehouse/setting-up-eslint-in-react-c20015ef35f7