eslint教程

安装 ESLint

//项目内安装
npm i -D eslint

//全局安装
npm i -g eslint

初始化配置

eslint --init

运行该命令将会在目录下生成一个.eslintrc(.js|.json|.yml)文件，该文件就是eslint规则的配置文件，也可以在项目的根目录下新建一个.eslintrc文件，配置ESLint。

配置

配置说明：https://eslint.bootcss.com/docs/user-guide/configuring#extending-configuration-files

Rules说明：https://eslint.bootcss.com/docs/rules/

在你的项目目录下，运行：eslint –init将会产生一个.eslintrc的文件，文件内容包含一些校验规则

{
	"rules": {
		"semi": ["error", "always"],
		"quotes": ["error", "double"]
	}
}

其中”semi”和”quotes”是规则名称。EsLint还提供了error的级别，对应数字，数字越高错误的提示越高，如0代码错误不提示、1代表警告提醒但不影响现有编译、2error会抛出错误。

环境

{
    "env": {
        "browser": true,
        "node": true
    }
}

一个环境定义了一组预定义的全局变量，其他环境可以在上面链接里面查看

配置插件

{
    "plugins": [
        "plugin1",
        "eslint-plugin-plugin2"
    ]
}

让一组文件不接受规则校验

{
  "rules": {...},
  "overrides": [
    {
      "files": ["*-test.js","*.spec.js"],
      "rules": {
        "no-unused-expressions": "off"
      }
    }
  ]
}

忽略一些文件

**/*.js
**/*.js
**/*.js
**/*.js