详解关闭令人抓狂的ESlint 语法检测配置方法

刚刚开始的小伙伴是不是空格报错少一行报错各种错？是不是觉得快被限制的失去了自由的思绪了？受折磨后找到了不错的文章来取消eslint语法检测限制，作为学习笔记摘自segmentfault

其实我并不反对这些语法检测，但是像许多反个人意愿的那就真的不得不吐槽了，比如vue-cli脚手架创建的默认eslint规则：

代码末尾不能加分号 ;
代码中不能存在多行空行
tab键不能使用，必须换成两个空格
代码中不能存在声明了但未使用的变量

以上规则个人认为真的反人类！调试代码太难了。

关闭eslint

这里只说vue-cli脚手架的关闭方法，其实很简单，就是把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。

module: {
  rules: [
   // {
   //  test: /\\.(js|vue)$/,
   //  loader: \'eslint-loader\',
   //  enforce: \'pre\',
   //  include: [resolve(\'src\'), resolve(\'test\')],
   //  options: {
   //   formatter: require(\'eslint-friendly-formatter\')
   //  }
   // },
   
   ...
   ]
   ...
  }

如果想保留eslint的语法检测，那就把不符合自己习惯的规则去掉吧。

配置文件在项目根目录里，文件名以 .eslintrc.* 为名。

module.exports = {
 root: true,
 parser: \'babel-eslint\',
 parserOptions: {
  //设置\"script\"（默认）或\"module\"如果你的代码是在ECMAScript中的模块。
  sourceType: \'module\'
 },
 env: {
  browser: true,
 },
 // https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-style
 extends: \'standard\',
 // required to lint *.vue files
 plugins: [
  \'html\'
 ],
 // add your custom rules here
 \'rules\': {
  // allow paren-less arrow functions
  \'arrow-parens\': 0,
  // allow async-await
  \'generator-star-spacing\': 0,
  // allow debugger during development
  \'no-debugger\': process.env.NODE_ENV === \'production\' ? 2 : 0,
  \"no-unused-vars\": [2, { 
   // 允许声明未使用变量
   \"vars\": \"local\",
   // 参数不检查
   \"args\": \"none\" 
  }],
  // 关闭语句强制分号结尾
  \"semi\": [0],
  //空行最多不能超过100行
  \"no-multiple-empty-lines\": [0, {\"max\": 100}],
  //关闭禁止混用tab和空格
  \"no-mixed-spaces-and-tabs\": [0],
 }
}

其中 rules 就是配置规则的

配置参数

rules: {
  \"规则名\": [规则值, 规则配置]
}

规则值：

\”off\”或者0    //关闭规则关闭
\”warn\”或者1    //在打开的规则作为警告（不影响退出代码）
\”error\”或者2    //把规则作为一个错误（退出代码触发时为1

具体参照
https://eslint.org/docs/rules/no-unused-vars

常见规则列表

以下规则列表来自网络

\"no-alert\": 0,//禁止使用alert confirm prompt
\"no-array-constructor\": 2,//禁止使用数组构造器
\"no-bitwise\": 0,//禁止使用按位运算符
\"no-caller\": 1,//禁止使用arguments.caller或arguments.callee
\"no-catch-shadow\": 2,//禁止catch子句参数与外部作用域变量同名
\"no-class-assign\": 2,//禁止给类赋值
\"no-cond-assign\": 2,//禁止在条件表达式中使用赋值语句
\"no-console\": 2,//禁止使用console
\"no-const-assign\": 2,//禁止修改const声明的变量
\"no-constant-condition\": 2,//禁止在条件中使用常量表达式 if(true) if(1)
\"no-continue\": 0,//禁止使用continue
\"no-control-regex\": 2,//禁止在正则表达式中使用控制字符
\"no-debugger\": 2,//禁止使用debugger
\"no-delete-var\": 2,//不能对var声明的变量使用delete操作符
\"no-div-regex\": 1,//不能使用看起来像除法的正则表达式/=foo/
\"no-dupe-keys\": 2,//在创建对象字面量时不允许键重复 {a:1,a:1}
\"no-dupe-args\": 2,//函数参数不能重复
\"no-duplicate-case\": 2,//switch中的case标签不能重复
\"no-else-return\": 2,//如果if语句里面有return,后面不能跟else语句
\"no-empty\": 2,//块语句中的内容不能为空
\"no-empty-character-class\": 2,//正则表达式中的[]内容不能为空
\"no-empty-label\": 2,//禁止使用空label
\"no-eq-null\": 2,//禁止对null使用==或!=运算符
\"no-eval\": 1,//禁止使用eval
\"no-ex-assign\": 2,//禁止给catch语句中的异常参数赋值
\"no-extend-native\": 2,//禁止扩展native对象
\"no-extra-bind\": 2,//禁止不必要的函数绑定
\"no-extra-boolean-cast\": 2,//禁止不必要的bool转换
\"no-extra-parens\": 2,//禁止非必要的括号
\"no-extra-semi\": 2,//禁止多余的冒号
\"no-fallthrough\": 1,//禁止switch穿透
\"no-floating-decimal\": 2,//禁止省略浮点数中的0 .5 3.
\"no-func-assign\": 2,//禁止重复的函数声明
\"no-implicit-coercion\": 1,//禁止隐式转换
\"no-implied-eval\": 2,//禁止使用隐式eval
\"no-inline-comments\": 0,//禁止行内备注
\"no-inner-declarations\": [2, \"functions\"],//禁止在块语句中使用声明（变量或函数）
\"no-invalid-regexp\": 2,//禁止无效的正则表达式
\"no-invalid-this\": 2,//禁止无效的this，只能用在构造器，类，对象字面量
\"no-irregular-whitespace\": 2,//不能有不规则的空格
\"no-iterator\": 2,//禁止使用__iterator__ 属性
\"no-label-var\": 2,//label名不能与var声明的变量名相同
\"no-labels\": 2,//禁止标签声明
\"no-lone-blocks\": 2,//禁止不必要的嵌套块
\"no-lonely-if\": 2,//禁止else语句内只有if语句
\"no-loop-func\": 1,//禁止在循环中使用函数（如果没有引用外部变量不形成闭包就可以）
\"no-mixed-requires\": [0, false],//声明时不能混用声明类型
\"no-mixed-spaces-and-tabs\": [2, false],//禁止混用tab和空格
\"linebreak-style\": [0, \"windows\"],//换行风格
\"no-multi-spaces\": 1,//不能用多余的空格
\"no-multi-str\": 2,//字符串不能用\\换行
\"no-multiple-empty-lines\": [1, {\"max\": 2}],//空行最多不能超过2行
\"no-native-reassign\": 2,//不能重写native对象
\"no-negated-in-lhs\": 2,//in 操作符的左边不能有!
\"no-nested-ternary\": 0,//禁止使用嵌套的三目运算
\"no-new\": 1,//禁止在使用new构造一个实例后不赋值
\"no-new-func\": 1,//禁止使用new Function
\"no-new-object\": 2,//禁止使用new Object()
\"no-new-require\": 2,//禁止使用new require
\"no-new-wrappers\": 2,//禁止使用new创建包装实例，new String new Boolean new Number
\"no-obj-calls\": 2,//不能调用内置的全局对象，比如Math() JSON()
\"no-octal\": 2,//禁止使用八进制数字
\"no-octal-escape\": 2,//禁止使用八进制转义序列
\"no-param-reassign\": 2,//禁止给参数重新赋值
\"no-path-concat\": 0,//node中不能使用__dirname或__filename做路径拼接
\"no-plusplus\": 0,//禁止使用++，--
\"no-process-env\": 0,//禁止使用process.env
\"no-process-exit\": 0,//禁止使用process.exit()
\"no-proto\": 2,//禁止使用__proto__属性
\"no-redeclare\": 2,//禁止重复声明变量
\"no-regex-spaces\": 2,//禁止在正则表达式字面量中使用多个空格 /foo bar/
\"no-restricted-modules\": 0,//如果禁用了指定模块，使用就会报错
\"no-return-assign\": 1,//return 语句中不能有赋值表达式
\"no-script-url\": 0,//禁止使用javascript:void(0)
\"no-self-compare\": 2,//不能比较自身
\"no-sequences\": 0,//禁止使用逗号运算符
\"no-shadow\": 2,//外部作用域中的变量不能与它所包含的作用域中的变量或参数同名
\"no-shadow-restricted-names\": 2,//严格模式中规定的限制标识符不能作为声明时的变量名使用
\"no-spaced-func\": 2,//函数调用时 函数名与()之间不能有空格
\"no-sparse-arrays\": 2,//禁止稀疏数组， [1,,2]
\"no-sync\": 0,//nodejs 禁止同步方法
\"no-ternary\": 0,//禁止使用三目运算符
\"no-trailing-spaces\": 1,//一行结束后面不要有空格
\"no-this-before-super\": 0,//在调用super()之前不能使用this或super
\"no-throw-literal\": 2,//禁止抛出字面量错误 throw \"error\";
\"no-undef\": 1,//不能有未定义的变量
\"no-undef-init\": 2,//变量初始化时不能直接给它赋值为undefined
\"no-undefined\": 2,//不能使用undefined
\"no-unexpected-multiline\": 2,//避免多行表达式
\"no-underscore-dangle\": 1,//标识符不能以_开头或结尾
\"no-unneeded-ternary\": 2,//禁止不必要的嵌套 var isYes = answer === 1 ? true : false;
\"no-unreachable\": 2,//不能有无法执行的代码
\"no-unused-expressions\": 2,//禁止无用的表达式
\"no-unused-vars\": [2, {\"vars\": \"all\", \"args\": \"after-used\"}],//不能有声明后未被使用的变量或参数
\"no-use-before-define\": 2,//未定义前不能使用
\"no-useless-call\": 2,//禁止不必要的call和apply
\"no-void\": 2,//禁用void操作符
\"no-var\": 0,//禁用var，用let和const代替
\"no-warning-comments\": [1, { \"terms\": [\"todo\", \"fixme\", \"xxx\"], \"location\": \"start\" }],//不能有警告备注
\"no-with\": 2,//禁用with
 
\"array-bracket-spacing\": [2, \"never\"],//是否允许非空数组里面有多余的空格
\"arrow-parens\": 0,//箭头函数用小括号括起来
\"arrow-spacing\": 0,//=>的前/后括号
\"accessor-pairs\": 0,//在对象中使用getter/setter
\"block-scoped-var\": 0,//块语句中使用var
\"brace-style\": [1, \"1tbs\"],//大括号风格
\"callback-return\": 1,//避免多次调用回调什么的
\"camelcase\": 2,//强制驼峰法命名
\"comma-dangle\": [2, \"never\"],//对象字面量项尾不能有逗号
\"comma-spacing\": 0,//逗号前后的空格
\"comma-style\": [2, \"last\"],//逗号风格，换行时在行首还是行尾
\"complexity\": [0, 11],//循环复杂度
\"computed-property-spacing\": [0, \"never\"],//是否允许计算后的键名什么的
\"consistent-return\": 0,//return 后面是否允许省略
\"consistent-this\": [2, \"that\"],//this别名
\"constructor-super\": 0,//非派生类不能调用super，派生类必须调用super
\"curly\": [2, \"all\"],//必须使用 if(){} 中的{}
\"default-case\": 2,//switch语句最后必须有default
\"dot-location\": 0,//对象访问符的位置，换行的时候在行首还是行尾
\"dot-notation\": [0, { \"allowKeywords\": true }],//避免不必要的方括号
\"eol-last\": 0,//文件以单一的换行符结束
\"eqeqeq\": 2,//必须使用全等
\"func-names\": 0,//函数表达式必须有名字
\"func-style\": [0, \"declaration\"],//函数风格，规定只能使用函数声明/函数表达式
\"generator-star-spacing\": 0,//生成器函数*的前后空格
\"guard-for-in\": 0,//for in循环要用if语句过滤
\"handle-callback-err\": 0,//nodejs 处理错误
\"id-length\": 0,//变量名长度
\"indent\": [2, 4],//缩进风格
\"init-declarations\": 0,//声明时必须赋初值
\"key-spacing\": [0, { \"beforeColon\": false, \"afterColon\": true }],//对象字面量中冒号的前后空格
\"lines-around-comment\": 0,//行前/行后备注
\"max-depth\": [0, 4],//嵌套块深度
\"max-len\": [0, 80, 4],//字符串最大长度
\"max-nested-callbacks\": [0, 2],//回调嵌套深度
\"max-params\": [0, 3],//函数最多只能有3个参数
\"max-statements\": [0, 10],//函数内最多有几个声明
\"new-cap\": 2,//函数名首行大写必须使用new方式调用，首行小写必须用不带new方式调用
\"new-parens\": 2,//new时必须加小括号
\"newline-after-var\": 2,//变量声明后是否需要空一行
\"object-curly-spacing\": [0, \"never\"],//大括号内是否允许不必要的空格
\"object-shorthand\": 0,//强制对象字面量缩写语法
\"one-var\": 1,//连续声明
\"operator-assignment\": [0, \"always\"],//赋值运算符 += -=什么的
\"operator-linebreak\": [2, \"after\"],//换行时运算符在行尾还是行首
\"padded-blocks\": 0,//块语句内行首行尾是否要空行
\"prefer-const\": 0,//首选const
\"prefer-spread\": 0,//首选展开运算
\"prefer-reflect\": 0,//首选Reflect的方法
\"quotes\": [1, \"single\"],//引号类型 `` \"\" \'\'
\"quote-props\":[2, \"always\"],//对象字面量中的属性名是否强制双引号
\"radix\": 2,//parseInt必须指定第二个参数
\"id-match\": 0,//命名检测
\"require-yield\": 0,//生成器函数必须有yield
\"semi\": [2, \"always\"],//语句强制分号结尾
\"semi-spacing\": [0, {\"before\": false, \"after\": true}],//分号前后空格
\"sort-vars\": 0,//变量声明时排序
\"space-after-keywords\": [0, \"always\"],//关键字后面是否要空一格
\"space-before-blocks\": [0, \"always\"],//不以新行开始的块{前面要不要有空格
\"space-before-function-paren\": [0, \"always\"],//函数定义时括号前面要不要有空格
\"space-in-parens\": [0, \"never\"],//小括号里面要不要有空格
\"space-infix-ops\": 0,//中缀操作符周围要不要有空格
\"space-return-throw-case\": 2,//return throw case后面要不要加空格
\"space-unary-ops\": [0, { \"words\": true, \"nonwords\": false }],//一元运算符的前/后要不要加空格
\"spaced-comment\": 0,//注释风格要不要有空格什么的
\"strict\": 2,//使用严格模式
\"use-isnan\": 2,//禁止比较时使用NaN，只能用isNaN()
\"valid-jsdoc\": 0,//jsdoc规则
\"valid-typeof\": 2,//必须使用合法的typeof的值
\"vars-on-top\": 2,//var必须放在作用域顶部
\"wrap-iife\": [2, \"inside\"],//立即执行函数表达式的小括号风格
\"wrap-regex\": 0,//正则表达式字面量用小括号包起来
\"yoda\": [2, \"never\"]//禁止尤达条件

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。