按照eslint 代码规则来开发,就必须遵循它的规则,否则就会报错。接下来是一些常见错误及其解决办法
当然遇到问题有两个选择,第一个是按照它的提示去规范自己的代码,服从规则。
第二个就是改变规则,vue项目都是通过修改.eslintrc.js文件中的rules
问题1:Multiple spaces found before ‘xxx’
解决:增加一项规则如下
'no-multi-spaces':'off'
意思是关闭多余空格的检查
问题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给关了。。。。。。