ESLint之五種在文件中配置ESLint的方式

 配置ESLint的方式有5種。前面三種是使用npx eslint --init命令生成的配置文件，在選擇如何保存配置文件時可以分別選擇JavaScript、YAML、JSON三種配置文件格式。三種文件的結構大致都相同。

1.JavaScript

module.exports = {
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "rules": {
        "no-console":"off"
    }
};

 2.YAML

env:
  browser: true
  es2021: true
  node: true
extends: 'eslint:recommended'
parserOptions:
  ecmaVersion: 12
  sourceType: module
rules: {
  no-console: off
}

 3.JSON

{
    "env": {
        "browser": true,
        "es2021": true,
        "node": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
        "ecmaVersion": 12,
        "sourceType": "module"
    },
    "rules": {
        "no-console":"off"
    }
}

 

4.在packages.json配置文件中配置

{
  "name": "06",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "eslint": "^7.19.0"
  },
  "eslintConfig": {
    "env": {
      "browser": true,
      "es2021": true,
      "node": true
    },
    "extends": "eslint:recommended",
    "parserOptions": {
      "ecmaVersion": 12,
      "sourceType": "module"
    },
    "rules": {
      "no-console": "off"
    }
  }
}

 

寫在eslintConfig字段中的內容與JSON格式的配置文件相同

5.針對單個文件的eslint配置

如在單個js文件中禁用no-console

/* eslint no-console: "off" */
console.log(123);

console.log(123);

 

no-console為規則名稱，后面是設定的規則。這樣后面的no-console都不會報錯了