Eslint 配置详解

eslint

eslint 默认没有规则，需要手动配置 .eslintrc.* 中添加规则。

// .eslintrc.js
module.exports = {
   }

root

默认情况下，ESLint 会在所有父级目录里寻找配置文件，一直到根目录。如果你想要你所有项目都遵循一个特定的约定时，这将会很有用，但有时候会导致意想不到的结果。为了将 ESLint 限制到一个特定的项目，在你项目根目录下的 package.json 文件或者 .eslintrc.* 文件里的 eslint Config 字段下设置 "root": true。ESLint 一旦发现配置文件中有 "root": true，它就会停止在父级目录中寻找。

module.exports = {
   
  root: true,
}

项目级与目录级的配置

一般来说，对于一个项目，如果在多层目录中，需要使用不同的 ESLint 规则时，如下方的例子: src/eslintrc.js 目录级的配置，对于 src 目录下的内容来说，它的权限会高于根目录下的项目级配置，但是 ESLint 也会合并根目录下的配置。如果我们在 src/eslintrc.js 添加 root: true，那么 ESLint 就会认为 src 目录为根目录，不再向上查找配置。

project
--src
----eslintrc.js
--eslintrc.js

parser 与 parserOptions

解析器（parser）

配置解析项目的规则。

/*
  默认： esprima
  @typescript-eslint/parser - ts 解析器
  @babel/eslint-parser      - babel 解析器
*/
module.exports = {
   
  parser: '@typescript-eslint/parser',
}

解析器选项（parserOptions）

搭配 parser，指定你想要支持的 JavaScript 语言选项。

module.exports = {
   
  parser: '@typescript-eslint/parser',
  parserOptions: {
   
    ecmaVersion: 6,       //  默认设置为 3，5（默认）， 你可以使用 6、7、8、9 或 10 来指定你想要