乐趣区

关于前端: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- 前缀。
退出移动版