ESLint - 配置项

更新于 2019年10月12日14:54:50

parser 解析器

---

指定解析器来分析代码，默认使用 Espree

也可以更换：

• Esprima
• Babel-ESLint
  babel-eslint会提供最新的全局变量
• @typescript-eslint/parser - 将 TypeScript 转换成与 estree 兼容的形式，以便在ESLint中使用。

parserOptions 解析器选项

---

• ecmaVersion 指定es版本
  可以写今年年份2019

• sourceType
script (默认) 或 module，如果使用es6 module则选第二个

• ecmaFeatures

env 运行环境

---

填你的代码需要运行在哪，这样会预定义一组全局变量（官方定了已很多变量开启即可，比如jest）

比如你用了localStorage变量，eslint检查时并没有找到这个变量，就会报错，此时就需要配置env

web一般配置如下即可

'env': {
  browser: true,
  es6: true // 提供一些es6新增对象
}

globals 全局变量

---

这个相当于env的补充，比如有些cdn资源提供全局变量，就需要在这指定了

extends 继承rules

---

rules很多，可以通过此字段批量增加，比如eslint内置了一些规则，可以直接使用，配置如下

推荐配置需要此依赖npm install eslint-plugin-import -D（分析module）

'extends': 'eslint:recommended'

其他第三方规则

plugins 插件

---

插件是第三方定制的配置集合，比如支持react等，npm安装后使用

• eslint-plugin-react
• eslint-plugin-vue vue配置插件
• prettier 格式化插件

rules 规则

---

所有规则，表中的√表示'eslint:recommended'默认开启的规则

其他

---

• 忽略文件和目录
  默认忽略 /node_modules/
  使用 .eslintignore 文件指定要忽略的文件和目录

资料

官网 / 配置