【eslint笔记】eslint配置项的学习

  1. 使用eslint先安装eslint: npm i eslint -D,监测文件:npx --no-install eslint "./src/**/*.js"
  2. ignorePatterns:用于指定忽略的文件,是个数组,注意的是数组内要填绝对路径,可以使用glob模式,例如:"ignorePatterns": ["src/**/*.test.ts", "src/frontend/generated/*"]
  3. root:用于指定ESLint的工作根目录,即相对于哪个目录进行代码检查,ESLint 沿着目录结构向上搜索的时候,会在root:true的配置项停止。默认情况下,ESLint 将在所有父文件夹中寻找配置文件,直到根目录。如果你想让你的所有项目都遵循某个惯例,这可能很有用,但有时会导致意外的结果。要将 ESLint 限制在一个特定的项目中,在 .eslintrc. 文件或 package.json 文件的 eslintConfig 字段内或在项目根层的 .eslintrc. 文件中放置 "root": true。一旦 ESLint 找到 "root": true 的配置,它将停止在父文件夹中寻找。
  4. env:用于指定要启用的环境,加入不指定可能会出现报错,如:使用不能window,除非指定brower:true,有时候也要指定es6:true,这样监测到es6语法就不会报错了。
  5. overrides:这个是用来详细指定更加详细的配置的,传入一个对象数组,对象的可选字段几乎和外层配置的一样,除了env和ignorePatterns不能使用。
  6. eslint配置文件的优先级:
    1- eslintrc.js:使用 JavaScript 代码编写的配置文件。该文件将被识别为 ESLint 的主要配置文件,并具有最高优先级。
    2- eslintrc.yaml 或 .eslintrc.yml:使用 YAML 代码编写的配置文件,可以包含相同的配置项,但需要以 YAML 的语法编写。如果同时存在 .eslintrc.js 和 .eslintrc.yaml 或- eslintrc.yml,以 .eslintrc.js 为准。
    3- eslintrc.json:使用 JSON 格式编写的配置文件。如果同时存在 .eslintrc.js 和 - eslintrc.json,以 .eslintrc.js 为准。
    4- package.json:在 package.json 文件中,可以使用 eslintConfig 属性来指定 ESLint 配置。该配置将被识别为普通配置文件,并且根据优先级与其他 ESLint 配置文件合并。如果同时存在 .eslintrc.* 文件和 package.json 文件,前者将优先于后者。
  7. extends:继承的包可以省略 eslint-config-前缀,官方推荐eslint:recommended
  8. plugins:插件包可以省略eslint-plugin-前缀。

你可能感兴趣的:(前端)