默认eslint规则:
代码末尾不能加分号 ;
代码中不能存在多行空行;
tab键不能使用,必须换成两个空格;
代码中不能存在声明了但未使用的变量;
最简单的方法,关闭eslint检测,其实很简单,把 build/webpack.base.conf.js 配置文件中的eslint rules注释掉即可。
但不推荐这么做,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],
//key值前面是否要有空格
"key-spacing": [0, {
"singleLine": {
"beforeColon": false,
"afterColon": true
},
"multiLine": {
"beforeColon": true,
"afterColon": true,
"align": "colon"
},
//空行最多不能超过100行
"no-multiple-empty-lines": [0, {"max": 100}],
//关闭禁止混用tab和空格
"no-mixed-spaces-and-tabs": [0],
//数组第一个指定是否启用这个规则,第二个指定几个空格
"indent":[1,2],
}其中的rules就是配置规则的。
配置参数
rules: {
"规则名": [规则值, 规则配置]}规则值:
“off”或者0 //关闭规则关闭
“warn”或者1 //在打开的规则作为警告(不影响退出代码)
“error”或者2 //把规则作为一个错误(退出代码触发时为1)
eslintrc.js常用规则列表
"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子句参数与外部作用域变量同名










