webstorm启动vue 出现http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found

错误如下:
webstorm启动vue 出现http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found_第1张图片
错误原因:

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

解决:

用webstorm创建工程的时候,提示提示是否启用eslint检测的。 Use ESLint to lint your code? 这里有两种处理方式:

1、直接选择no,后面的工程代码不受eslint限制

2、如果没有留意选择yes,可进行以下方式处理:

在build/webpack.base.conf.js文件中,注释config.dev.useEslint?这行配置
webstorm启动vue 出现http://eslint.org/docs/rules/indent Expected indentation of 0 spaces but found_第2张图片

然后使用命令:npm run dev或者重新运行下就可以了

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

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

你可能感兴趣的:(前端)