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

parser 解析器

指定解析器來(lái)分析代碼，默認(rèn)使用 Espree

也可以更換：

• Esprima
• Babel-ESLint
  babel-eslint會(huì)提供最新的全局變量
• @typescript-eslint/parser - 將 TypeScript 轉(zhuǎn)換成與 estree 兼容的形式，以便在ESLint中使用。

parserOptions 解析器選項(xiàng)

• ecmaVersion 指定es版本
  可以寫(xiě)今年年份2019

• sourceType
script (默認(rèn)) 或 module，如果使用es6 module則選第二個(gè)

• ecmaFeatures

env 運(yùn)行環(huán)境

填你的代碼需要運(yùn)行在哪，這樣會(huì)預(yù)定義一組全局變量（官方定了已很多變量開(kāi)啟即可，比如jest）

比如你用了localStorage變量，eslint檢查時(shí)并沒(méi)有找到這個(gè)變量，就會(huì)報(bào)錯(cuò)，此時(shí)就需要配置env

web一般配置如下即可

'env': {
  browser: true,
  es6: true // 提供一些es6新增對(duì)象
}

globals 全局變量

這個(gè)相當(dāng)于env的補(bǔ)充，比如有些cdn資源提供全局變量，就需要在這指定了

extends 繼承rules

rules很多，可以通過(guò)此字段批量增加，比如eslint內(nèi)置了一些規(guī)則，可以直接使用，配置如下

推薦配置需要此依賴(lài)npm install eslint-plugin-import -D（分析module）

'extends': 'eslint:recommended'

其他第三方規(guī)則

plugins 插件

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

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

rules 規(guī)則

所有規(guī)則，表中的√表示'eslint:recommended'默認(rèn)開(kāi)啟的規(guī)則

其他

• 忽略文件和目錄
  默認(rèn)忽略 /node_modules/
  使用 .eslintignore 文件指定要忽略的文件和目錄

資料

官網(wǎng) / 配置