在VSCode中禁止ESLint警告

Question

我正在VSCode中使用ESLint extension来格式化和检查我的JavaScript代码。但是，我不希望ESLint向我显示警告（代码下方的红线），尤其是。与代码格式化有关的代码，但是每次我保存文件时仍然进行格式化。是否有可能做到这一点？

这是我的VSCode配置：

{
  "editor.fontSize": 14,
  "explorer.openEditors.visible": 0,
  "files.autoSave": "onFocusChange",
  "terminal.integrated.fontSize": 14,
  "terminal.integrated.lineHeight": 1.3,
  "terminal.integrated.shell.osx": "zsh",
  "editor.codeLens": true,
  "editor.occurrencesHighlight": true,
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "eslint.enable": true,
  "eslint.autoFixOnSave": true,
  "eslint.alwaysShowStatus": false,
  "eslint.run": "onType",
  "javascript.updateImportsOnFileMove.enabled": "always",
  "explorer.confirmDelete": false,
  "diffEditor.ignoreTrimWhitespace": false
}

Answer 1

您应该在.eslintrc文件（可以是js，json或yaml文件）中进行设置，确保使用正确的文件的最佳方法是使用“ eslint --init” 命令），进入“规则”部分，然后添加您不想使用的规则名称，后跟一个逗号和“ 0”，例如：

"rules": {
    "no-inner-declarations": 0,
}

如果要找到正确的设置名称，则可以用鼠标站在esLint指示的错误上，并且显示问题所在的浮动窗口将包含设置名称。

您也可以参考此YouTube视频以获取完整说明： https://www.youtube.com/watch?v=cMrDePs86Uo

在视频中，它看起来与现在有所不同（我认为这是VSCode的旧版本），今天看起来像这样：

如果您确实进行了配置，但仍然无法正常工作，我建议您从一个新的小型配置文件开始，并逐步每次添加一个新配置，并检查它是否不会破坏其他配置。

这是我正在运行的基本文件：

module.exports = {
    "env": {
        "browser": true,
        "es6": true
    },
    "extends": "eslint:recommended",
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
        "ecmaFeatures": {
            "jsx": true
        },
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "react"
    ],
    "rules": {
        "no-inner-declarations": 0,
    }
};