ESlint常见警告解决及配置讲解

时间:2025-02-07 08:06:44

Keys starting with with ’ ’ are reserved in ’ businessTags’ group

这个警告是因为在vue将以_和$开头的属性或者data中的变量认为是vue的保留成员,禁止这样使用,以防止与Vue内部发生冲突。

//bad
<div>{{_text}}</div>
data(){
  return{
    _text:'111'
  }
}
//good
<div>{{text}}</div>
data(){
  return{
    text:'111'
  }
}

项目中常见的eslint配置介绍

“prefer-const”:1, //禁止使用let var等声明变量,只使用const

“accessor-pairs”: 1,//禁止创建一个只有setter属性的对象,没有getter,就无法被使用

“no-alert”: 0, //禁止使用alert confirm prompt

‘arrow-spacing’: [1, {

‘before’: true,

‘after’: true

}], //箭头的前后必须要有一个或者多个空格

“no-console”: 2, //禁止使用console

“no-debugger”: 2, //禁止使用debugger

“for-direction”: 2, //禁止for无限循环

“no-multi-spaces”: 1, //不能有多余的空格

“no-var”: 0, //禁用var,用let和const代替

“no-redeclare”: 2, //禁止变量重复声明

“camelcase”: 2, //要求命名必须是驼峰法

“no-dupe-args”: 2, //禁止在函数或表达中出现重名参数

“no-extra-semi”: 2, //禁止不必要的分号

“require-await”: 2, //禁止使用不带 await 表达式的 async 函数