从零开始配置自己的 ESLint

Start

eslint 是在 ECMAScript/JavaScript 代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。

---

安装 (ESLint 官方文档)

npm install -g eslint

---

配置

首先新建 ESLint 公共配置文件 public-eslintrc.js：

module.exports = {
    extends: [
        'eslint:recommended',
        //'airbnb-base',
        //'airbnb-base/rules/strict'
    ],

    env: {                              // 目标执行环境
        node: true,
    },
    rules: {                            // 配置规则
        'no-console': 'off',
        'guard-for-in': 'off',
        "no-restricted-syntax": ["error", "FunctionExpression", "WithStatement", "BinaryExpression[operator='in']"],
    }
};

再新建 ESLint 配置文件 .eslintrc.js, 并在其中引入 public-eslintrc.js：

module.exports = {
  extends: './public-eslintrc.js',
};

如果想引入 airbnb-base 等配置文件：

npm install -g eslint-config-airbnb-base

---

在命令行中使用

eslint 'file_name'
自动修改部分错误：
eslint 'file_name' --fix

---

在 VS Code 中使用：

• 安装 eslint 插件
• 设置

...
"eslint.options": {
        "configFile": "/Users/rain/.eslintrc.js" 
    }