五、文件中配置ESLint的方式

发表于 | 分类于 |

eslintrc文件的三种格式

之前我们在学习eslint的时候，每次执行完命令npx eslint --init后都会在项目中生成一个eslint的配置文件，它可以是json格式，也可以是js格式，也可以是yml文件格式。

三种格式如下👇

（点击查看大图）

在package.json文件中配置

除了使用eslintrc文件进行配置，还可以直接在package.json文件中进行配置：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{
  "name": "lesson06",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "eslintConfig": {
    "env": {
      "es6": true,
      "node": true
    },
    "extends": "eslint:recommended",
    "globals": {
      "Atomics": "readonly",
      "SharedArrayBuffer": "readonly"
    },
    "parserOptions": {
      "ecmaVersion": 2018,
      "sourceType": "module"
    },
    "rules": {
      "no-console": "warn"
    }
  },
  "devDependencies": {
    "eslint": "^6.8.0"
  }
}

实际上就是吧eslintrc.json中的内容复制粘贴到package.json的eslintConfig属性中。这样就OK了。

使用注释语法来配置

https://cn.eslint.org/docs/user-guide/configuring#using-configuration-comments

main.js:

1
2
/* eslint no-console:off, no-extra-semi: warn */
console.log(666);

就像这样在代码最上方用注释的方法进行eslint的规则设置。

这种方法只对当前文件有效。这是优先级最高的配置方法。

以上就是五种配置ESLint的方式。