解决vue项目eslint各种报错的问题与常见规则配置

按照eslint 代码规则来开发,就必须遵循它的规则,否则就会报错。接下来是一些常见错误及其解决办法

当然遇到问题有两个选择,第一个是按照它的提示去规范自己的代码,服从规则。

第二个就是改变规则,vue项目都是通过修改.eslintrc.js文件中的rules

问题1:Multiple spaces found before ‘xxx’

解决:增加一项规则如下

'no-multi-spaces':'off'

意思是关闭多余空格的检查 

解决vue项目eslint各种报错的问题与常见规则配置_第1张图片

问题2:Expected indentation of ‘x‘’ spaces but found ‘x’  indent

解决:增加一项规则如下

"indent": ["off"]

意思是关闭缩进检查

问题3:More than 1 blank line not allo

wed

解决: 增加一项规则如下

"no-multiple-empty-lines": [0, { "max": 100 }]

再后来发现问题实在是太多了........

所以直接给出符合大部分人编码习惯的设置如下

rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'space-before-function-paren': 0,
    'indent': 0,
    'no-multi-spaces':'off',
    "no-multiple-empty-lines": [0, { "max": 100 }],
    'arrow-parens': 0,
    'generator-star-spacing': 0,
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 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
  }

至此不再套娃报错。

再后来直接把eslint给关了。。。。。。

你可能感兴趣的:(解决vue项目eslint各种报错的问题与常见规则配置)