解决eslint语法限制项目报错办法,✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces

解决eslint语法限制项目报错办法,即解决✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces but found 4问题

问题部分截图如下图所示

解决eslint语法限制项目报错办法,✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces_第1张图片

1、错误原因

不符合eslint的校验规则,Tab键不等同于同行缩进,所以检验错误

题外话:了解eslint

ESLint是一个用来识别 ECMAScript 并且按照规则给出报告的代码检测工具,使用它可以避免低级错误和统一代码的风格。ESLint被设计为完全可配置的,对语法校验比较严格,可屏蔽校验。

更多的Eslint 规则可以参考官网 http://eslint.cn/docs/rules/

2、解决方法:

(1)第一种方法:在项目的build/webpack.base.conf.js文件中,注释掉或者删掉:module->rules中的有关eslint的规则:

解决eslint语法限制项目报错办法,✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces_第2张图片

然后重新运行命令:npm run dev就可以了

解决eslint语法限制项目报错办法,✘ httpeslint.orgdocsrulesindent Expected indentation of 2 spaces_第3张图片

(2)第二种方法:这一种是在搭建工程中,会有提示是否启用eslint检测的。 Use ESLint to lint your code? (Y/N)

在这里选择N,之后的项目的代码就不会受到eslint规则的限制了,也就不会出现以上错误

不会受到eslint规则的限制了,也就不会出现以上错误

如果选择Y,也没关系,解决方法就是上面的第一种方法

你可能感兴趣的:(vue.js)