项目引入eslint的个人推荐步骤

[ViYaYaYa]

• npm install --save-dev eslint eslint-config-recommended babel-eslint eslint-loader

• 模块说明

  1. eslint-config-recommended: 个人喜欢默认的配置，尤其是官方的
  2. babel-eslint: 在parser配置，可实现动态import / 扩展运算符 / export位置等其他草案规范
  3. eslint-loader: 注意2.1.1的不能用fix，因此请用2.1.0或更高版本

• .eslintrc.*部分设置

  1. extends: ['eslint:recommended', //...]
  2. env: browser（忽略window, setTimeout等），es6（忽略Map, Set等），node（忽略process等）设为true
  3. parser: 'babel-eslint

• linter boom!!!

  1. eslint-loader的options: fix: true
  2. 将大规模出现的规则在rules添加warn，优先走通流程
  3. 遇到no-console报错可临时在上方添加// eslint-disable-next-line
  4. 一点一点解决