最佳答案
如何将 ESLint 集成到创建反应应用程序中？
当我运行 npx create-react-app ...时，一个基本的 React 项目正在为我创建。
When I then peek into package.json, there seems to be some evidence of ESLint to be present, as there is this:
"eslintConfig": {
"extends": "react-app"
},
但是，每当我将 ESLint 作为开发人员依赖项安装并配置它时——正如我通常所做的那样—— VS Code 似乎都会使用它。
在这种情况下，VS 代码似乎不认识到存在任何类型的线程存在/配置。
这并不特别令人惊讶，因为 ESLint 不是我刚刚生成的 React 项目的依赖项——至少根据 package.json不是这样。
当我尝试在项目的根目录中运行 eslint .时，它显示“ command not found”。
我试图通过扩展 ESLint 配置来为它注入生命力，所以现在我有了这个:
"eslintConfig": {
"extends": ["react-app", "eslint:recommended", "google"],
"rules": {
"semi": ["error", "always"],
"quotes": ["error", "double"]
}
},
这改变不了什么。 我操纵源代码的方式，我知道它违反了上面的配置，但是，我没有得到任何不当行为的信号。
这让我想到一个简单的问题:
create-react-app生成的项目是否带有某种 ESLint 配置，如果是，如何正确启用和扩展它？
当我被提到 搜索“ create response app eslint”时出现的 Google 搜索结果时——我显然已经读过了—— ，让我澄清一下我的意思:
显然，如果使用 像这样将 ESLint 手动添加到项目中，那么它将以不同的方式集成到 Create React App 中。 这不仅仅是因为有大量的人在帖子中谈到他们为了让两人合作而进行的斗争。 这也是显而易见的..。
- ... 无法在项目根目录中运行
eslint命令。 - ... ESLint 似乎不是
package.json中的依赖项。 - ... VS 代码没有发现有 ESLint 存在。
- ... 在项目根目录中没有
.eslintrc.*文件。 - 等等。
So: How do I go about ESLint in the context of Create React App? For starters: How do I run it? How do I expand it? And why does VS Code not pick it up -- even though it usually notices the presence of ESLint?
