Eslint

发布日期:2019-05-09 阅读量:503

1. 简介

   可组装的javascript、jsx检查工具

2. 配置文件

   (1)位于项目根目录新建 .eslintrc.*

  •        .eslintrc
  •        .eslintrc.js
  •        .eslintrc.json

       各配置文件区别在于配置格式不同

   (2)在package.json中进行配置,eslintConfig

3. 具体配置(以.eslintrc.js格式为例)

   off或0:关闭规则

   warn或1:开启规则,使用警告级别错误

   error或2:开启规则,使用错误级别错误

   项目根目录下创建.eslintrc.js配置文件

    module.exports = {
      // 对于 ES6 语法,使用
      "parserOptions": { 
        "ecmaVersion": 6, //  默认设置为 3,5
        "sourceType": "module", // 设置为 "script" (默认) 或 "module"
        "ecmaFeatures": { // 这是个对象,表示你想使用的额外的语言特性
          "globalReturn": true, // 允许在全局作用域下使用 return 语句
          "impliedStrict": false, // 启用全局 strict mode (如果 ecmaVersion 是 5 或更高)
          "jsx": true // 启用jsx
        }
      },
      "env":{
        // 自动启用es6语法,全局变量,↑上面那个不自动启用
        "es6": true,
        // 指定启用环境
        "browser": true,
        "node": true
      },
      // 具体规则
      "rules": {
        "semi": "error", // 禁止使用分号
        "eqeqeq": "off", // 全等
        "default-case": [ // switch语句必须有default
            "error", // 开启规则
            { "commentPattern": '^no default$'} // 具体规则,允许通过注释/*no default*/ 消除警告
        ]
        "quotes": ["error", "double"]
      }
    }

   附规则文档链接: https://eslint.bootcss.com/docs/rules/