eslint常见规范问题

川长思鸟来 2023-01-13 09:27 210阅读 0赞

## 常见错误 ##

*  vue报错 Do not use built-in or reserved HTML elements as component id:header  
    组件，不能和html标签重复  
    header组件，h5新标签重复  
    由于在模板需要插入到 DOM 中，所以模板中的标签名必须能够被 DOM 正确地解析。主要有三种情况：
    
     *  完全不合法的标签名，例如 </>；
     *  与 HTML 元素重名会产生不确定的行为，例如使用 input 做组件名不会解析到自定义组件，使用 button 在 Chrome 上正常但在 IE 上不正常；
     *  与 Vue 保留的 slot、partial、component 重名，因为会优先以本身的意义解析，从而产生非预期的结果。
 *  eslint: Expected indentation of 2 spaces but found 4  
    缩进报错 ，所有缩进只能用两个空格
 *  Newline required at end of file but not found  
    需要在最后的后面再加一行!!!
 *  Missing space before value for key ‘name’  
    在关键字“值”之前缺少空格
 *  A space is required after ‘,’  
    在，后面要加空格
 *  space-before-blocks  
    关键字后面要空一格。
 *  key-spacing  
    对象字面量中冒号的前后空格
 *  no-unused-vars  
    不能有声明后未被使用的变量或参数
 *  有.vue里面的，style和script属性都顶格。

“Missing semicolon.” : “缺少分号.”,

“Use the function form of \\”use strict\\”.” : “使用标准化定义function.”,

“Unexpected space after ‘-’.” : “在’-'后面不应出现空格.”,

“Expected a JSON value.” : “请传入一个json的值.”,

“Mixed spaces and tabs.”: “空格和TAB重复.”,

“Unsafe character.” : “不安全的字符.”,

“Line too long.”: “本行中的字符超过设定的最大长度.”,

“Trailing whitespace.”: “本行末尾有过多无用空格.”,

“Script URL.” : “脚本URL.”,

“Unexpected \{a\} in ‘\{b\}’.” : “在 ‘\{b\}’ 中不该出现 \{a\}.”,

“Unexpected ‘\{a\}’.” : “不该在此出现’\{a\}’.”,

“Strings must use doublequote.” : “字符串需要用双引号”,

“Unnecessary escapement.” : “不需要转义”,

“Control character in string: \{a\}.” : “在字符串中出现了Control的字符”,

“Avoid \\’.” : “避免 \\”,

“Avoid \\v.” : “避免 \\v”,

“Avoid \\x-.” : “避免 \\x-”,

“Bad escapement.” : “错误的转义字符”,

“Bad number ‘\{a\}’.” : “错误的数字 ‘\{a\}’”,

“Missing space after ‘\{a\}’.” : “在’\{a\}’之后缺少空格”,

“Don’t use extra leading zeros ‘\{a\}’.” : “不要再’\{a\}’的前面用多余的0″,

“Avoid 0x-. ‘\{a\}’.” : “避免使用 0x-. ‘\{a\}’.”,

“A trailing decimal point can be confused with a dot ‘\{a\}’.” : “在’\{a\}’中使用点尾随小数点”,

“Unexpected comment.” : “不该在此处出现注释”,

“Unescaped ‘\{a\}’.” : “没有转义 ‘\{a\}’”,

“Unexpected control character in regular expression.” : “在正则表达式中出现了control字符”,

“Unexpected escaped character ‘\{a\}’ in regular expression.” : “在正则表达式中出现了没有转义的字符 ‘\{a\}’”,

“Expected ‘\{a\}’ and instead saw ‘\{b\}’.” : “应该用 ‘\{a\}’代替’\{b\}’”,

“Spaces are hard to count. Use \{ \{a\}\}.” : “空格难以统计，请使用 \{ \{a\}\}”,

“Insecure ‘\{a\}’.” : “不安全的 ‘\{a\}’”,

“Empty class.” : “空的class”,

“Expected a number and instead saw ‘\{a\}’.”:“应该用数字代替’\{a\}’”,

“‘\{a\}’ should not be greater than ‘\{b\}’.”:“‘\{a\}’不应该比’\{b\}’大”,

“‘hasOwnProperty’ is a really bad name.”: “‘hasOwnProperty’是关键字”,

“‘\{a\}’ was used before it was defined.”:“‘\{a\}’未定义就已经使用了.”,

“‘\{a\}’ is already defined.”:“‘\{a\}’被重复定义”,

“A dot following a number can be confused with a decimal point.”:“数字后面的一个点会被误认为是十进制的小数点”,

“Confusing minusses” : “容易混淆的负数表达-”,

“Confusing plusses.” : “容易混淆的正数表达+”,

“Unmatched ‘\{a\}’.” : “无法匹配的’\{a\}’”,

“Expected ‘\{a\}’ to match ‘\{b\}’ from line \{c\} and instead saw ‘\{d\}’.”:“在行\{c\}中需要用’\{a\}’和’\{b\}’匹配，用来代替’\{d\}’”,

“Unexpected early end of program.”:“程序不可预期的提前终止”,

“A leading decimal point can be confused with a dot: ‘.\{a\}’.”:“‘\{a\}’前的点容易混淆成小数点”,

“Use the array literal notation \[\].”:“使用数组的符号 \[\]“,

“Expected an operator and instead saw ‘\{a\}’.”:“需要用一个符号来代替’\{a\}’”,

“Unexpected space after ‘\{a\}’.”:“在’\{a\}’之后不能出现空格”,

“Unexpected space before ‘\{a\}’.”:“在’\{a\}’之前不能出现空格”,

“Bad line breaking before ‘\{a\}’.”:“在’\{a\}’之前错误的换行”,

“Expected ‘\{a\}’ to have an indentation at \{b\} instead at \{c\}.”:“‘\{a\}’需要在\{c\}而不是\{b\}处缩进”,

“Line breaking error ‘\{a\}’.”:“换行错误 ‘\{a\}’”,

“Unexpected use of ‘\{a\}’.”:“此处不能用’\{a\}’”,

“Bad operand.”:“错误的操作数”,

“Use the isNaN function to compare with NaN.”:“使用isNaN来与NaN比较”,

“Confusing use of ‘\{a\}’.”:“容易混淆的’\{a\}’的使用”,

“Read only.”:“只读的属性”,

“‘\{a\}’ is a function.”:“‘\{a\}’是一个函数”,

‘Bad assignment.’:“错误的赋值”,

“Do not assign to the exception parameter.”:“不要给额外的参数赋值”,

“Expected an identifier in an assignment and instead saw a function invocation.”:“在赋值的语句中需要有一个标识符，而不是一个方法的调用”,

“Expected an identifier and instead saw ‘\{a\}’ (a reserved word).”:“需要有一个标识符，而不是’\{a\}’(保留字符)”,

“Missing name in function declaration.”:“在方法声明中缺少名称”,

“Expected an identifier and instead saw ‘\{a\}’.”:“需要有一个标识符，而不是’\{a\}’”,

“Inner functions should be listed at the top of the outer function.”:“内部函数的声明应该放在此函数的顶部。”,

“Unreachable ‘\{a\}’ after ‘\{b\}’.”:“在’\{b\}’之后无法获取’\{a\}’”,

“Unnecessary semicolon.”:“不必要的分号”,

“Label ‘\{a\}’ on \{b\} statement.”:“将’\{a\}’放在\{b\}的声明中”,

“Label ‘\{a\}’ looks like a javascript url.”:“‘\{a\}’看上去像一个js的链接”,

“Expected an assignment or function call and instead saw an expression”:“需要一个赋值或者一个函数调用，而不是一个表达式.”,

“Do not use ‘new’ for side effects.”:“不要用’new’语句.”,

“Unnecessary \\”use strict\\”.”:“不必要的\\”use strict\\”.”,

“Missing \\”use strict\\” statement.”:“缺少\\”use strict\\”的声明”,

“Empty block.”:“空的模块”,

“Unexpected /\*member ‘\{a\}’.”:“不应出现 /\*元素 ‘\{a\}’.”,

“‘\{a\}’ is a statement label.”:“‘\{a\}’是一个声明”,

“‘\{a\}’ used out of scope.”:“‘\{a\}’使用超出范围”,

“‘\{a\}’ is not allowed.”:“不允许使用’\{a\}’”,

“‘\{a\}’ is not defined.”:“‘\{a\}’没有被定义”,

“Use ‘\{a\}’ to compare with ‘\{b\}’.”:“使用’\{a\}’与’\{b\}’相比”,

“Variables should not be deleted.”:“变量需要被删除”,

“Use the object literal notation \{\}.”:“使用对象的文字符号 \{\}”,

“Do not use \{a\} as a constructor.”:“不要使用\{a\}作为一个构造对象”,

“The Function constructor is eval.”:“The Function constructor is eval.”,

“A constructor name should start with an uppercase letter.”:“一个构造对象的名称必须用大写字母开头.”,

“Bad constructor.”:“错误的构造对象”,

“Weird construction. Delete ‘new’.”:“构造对象有误，请删除’new’”,

“Missing ‘()’ invoking a constructor.”:“缺少括号()”,

“Avoid arguments.\{a\}.”:“避免参数.\{a\}.”,

“document.write can be a form of eval.”:“document.write是eval的一种形式”,

‘eval is evil.’:“尽量不要使用eval”,

“Math is not a function.”:“Math不是一个函数”,

“Missing ‘new’ prefix when invoking a constructor.”:“此处缺少了’new’”,

“Missing radix parameter.”:“缺少参数”,

“Implied eval is evil. Pass a function instead of a string.”:“传递一个函数，而不是一个字符串”,

“Bad invocation.”:“错误的调用”,

“\[’\{a\}’\] is better written in dot notation.”:“\[’\{a\}’\]最好用点.的方式”,

“Extra comma.”:“多余的逗号”,

“Don’t make functions within a loop.”:“不要用循环的方式创建函数”,

“Unexpected parameter ‘\{a\}’ in get \{b\} function.”:“在\{b\}方法中不该用到参数’\{a\}’”,

“Duplicate member ‘\{a\}’.”:“重复的’\{a\}’”,

“Expected to see a statement and instead saw a block.”:“此处应该是语句声明.”,

“Too many var statements.”:“过多var的声明”,

“Redefinition of ‘\{a\}’.”:“‘\{a\}’被重复定义”,

“It is not necessary to initialize ‘\{a\}’ to ‘undefined’.”:“无需将’\{a\}’初始化为’undefined’”,

“Expected a conditional expression and instead saw an assignment.”:“此处需要一个表达式，而不是赋值语句”,

“Expected a ‘break’ statement before ‘case’.”:“在’case’之前需要有’break’.”,

“Expected a ‘break’ statement before ‘default’.”:“在’default’之前需要有’break’.”,

“This ‘switch’ should be an ‘if’.”:“此处’switch’应该是’if’.”,

“All ‘debugger’ statements should be removed.”:“请删除’debugger’的语句”,

“‘\{a\}’ is not a statement label.”:“‘\{a\}’不是一个声明标签.”,

“Expected an assignment or function call and instead saw an expression.”:“需要一个语句或者一个函数调用，而不是一个表达式”,

“Function declarations should not be placed in blocks. Use a function expression or move the statement to the top of the outer function.”:“函数的声明不能放在类似if的块中，需要放在外部函数的顶部.”

## 配置规则 ##

规则的错误等级有三种：

*  “off” 或者 0：关闭规则
 *  “warn” 或者 1：打开规则，并且作为一个警告（不影响exit code）
 *  “error” 或者 2：打开规则，并且作为一个错误（exit code将会是1）

## 符合大部分人编码习惯的设置 ##

rules: {  // 规则配置写在这里
        indent: [1, 2], // 缩进风格
        'space-before-function-paren': 0,
        'no-multi-spaces': 'off',
        'no-multiple-empty-lines': [0, {  max: 100 }],
        'arrow-parens': 0,
        'generator-star-spacing': 0,
        'no-unused-vars': [2, { 
          vars: 'local',
          args: 'none'
        }],
        semi: [0],
        'no-mixed-spaces-and-tabs': [0],
        'space-before-blocks': 0,
        'key-spacing': 0,
        'arrow-spacing': 0,
        'no-trailing-spaces': 0,
        'eol-last': 0,
        'prefer-const': 0,
        quotes: 0,
        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
      }