vue项目在按代码格式化后报错处理

问题

在idea中的vue项目中按下代码格式化出现如下图问题:
vue项目在按代码格式化后报错处理_第1张图片
提示不符合eslint规范

处理方法

首先找到.eslintrc.js文件
在rules下面添加一下代码

"space-before-function-paren":"off",//取消函数前的空格
"object-curly-spacing":"off",//取消括号内的间距一致
'indent': 'off',//取消对每行前空格的检测(该换行还是要换的)

vue项目在按代码格式化后报错处理_第2张图片
在添加完之后那么在按ctl+shift+L之后就不会出现满屏红色了
vue项目在按代码格式化后报错处理_第3张图片
如果还有其他没写的的问题,那么只要鼠标指到报错的地方,会出现类似如下图:
在这里插入图片描述
将出现的提示里面的括号中内容(此处为 indent)添加到.eslintrc.js文件中 属性为off(表示关闭)即可

详细报错含义可见eslint官网

你可能感兴趣的:(vue,eslint,vue)