esLint校验提示

vue页面中烦人的esLint校验,让人头疼不已。每行的缩进多少个空格,都要进行严格的把控。实在让人受不了,如图下:
在这里插入图片描述

我的一个vue页面中出现了大量的vue前端校验提示,尤其是这种:
在这里插入图片描述
ESLint提示我,本行应该缩进8个空格,但是你居然缩进了10个空格。我特么真的要炸街了。。诸如此类的提示,直接run的话页面还无法显示,实在是欺人太甚了。于是乎,我得想办法关闭它,并且关掉这些提示。

解决办法

1.关闭eslint校验

在vue项目的根目录下,找到vue.config.js,修改属性如下:

lintOnSave : false

在这里插入图片描述
修改成功,再执行 cnpm run serve 口令则能成功执行了。但是虽然不会报错了,vue页面依然会出现校验不合法的提示,虽然不影响项目发布成功,但是看着让人非常不爽。如图下:
在这里插入图片描述

2.关闭vue页面提示

执行第一步,其实已经成功关闭了vue的esLint提示了。但是页面中如果跟我一样有强迫症的道友们,则在idea中直接禁用掉ESLint,然后保存即可。
在这里插入图片描述

3.查看效果

此时大家在看,原本一个vue页面中数不清的eslint校验不合法提示,都已经没有了。
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐