不确定 ESLint 是否安装正确答案

【问题标题】：Not sure if ESLint is installed properly不确定 ESLint 是否安装正确
【发布时间】：2022-02-05 09:42:16
【问题描述】：

我是 JS 的业余爱好者，使用 MacBook Pro Catalina 和 VSCode。我正在努力实现模拟和类似的运行。

我在 VSC (globally) 中启用了 ESLint，然后我完成了 ESLint 网页中概述的过程。当我查看 eslintrc.js 文件时，我看到“规则”行是空的。我以为 ESLint 规则会列在这里，但什么都没有。或者这可能是引用可选标准、airBnB 或 Google 规则的地方？我不相信 ESLint 正在工作，我可能忽略了一些东西。你能帮忙吗？附上我的 .eslintrc.js 和 package.json 文件。谢谢。

module.exports = {
  "env": {
      "browser": true,
      "es2021": true
  },
  "extends": [
      "eslint:recommended",
      "plugin:react/recommended"
  ],
  "parserOptions": {
      "ecmaFeatures": {
          "jsx": true
      },
      "ecmaVersion": "latest",
      "sourceType": "module"
  },
  "plugins": [
      "react"
  ],
  "rules": {
  }
}

    {
  "name": "javascript",
  "version": "8.1.2",
  "description": "npm for macos",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "eslint": "^8.8.0",
    "eslint-plugin-react": "^7.28.0"
  },
  "explorer.sortOrder":"filesFirst"
}

【问题讨论】：

标签： javascript eslint package.json eslintrc

【解决方案1】：

为您的整个项目强制执行的规则来自两个地方之一。其中之一在extends 数组中，您可以在这里找到：

  "extends": [
      "eslint:recommended",
      "plugin:react/recommended"
  ],

这意味着来自eslint:recommended 和plugin:react/recommended 的所有规则都将在您的项目中强制执行。

此部分是其他 linting 配置包的位置 - 例如 Airbnb 或 Standard 或任何您想要的。

您还注意到了rules 部分。这适用于您自己为您的项目定义的规则 - 通常适用于您想要强制（或忽略）您导入的配置包未按预期执行的事情。您可能需要添加规则，例如：

"rules": {
  'padded-blocks': ['error', 'never']
}

或者您可能想要禁用其他配置提供的您不喜欢的规则：

"rules": {
  'comma-dangle': 'off',
}

或两者，任意组合。

因此，规则对象（最初）为空是完全正常的 - 这是放置您不想被其他包覆盖的自定义规则的地方。

【讨论】：