IDEA关闭ESLINT校验以及VUE页面提示

比眉伴天荒 2022-10-30 08:26 575阅读 0赞

*  [esLint校验提示][esLint]
 *  [解决办法][Link 1]
    
     *  [1.关闭eslint校验][1._eslint]
     *  [2.关闭vue页面提示][2._vue]
     *  [3.查看效果][3.]

# ESLINT校验提示 #

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

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

# 解决办法 #

## 1.关闭ESLINT校验 ##

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

lintOnSave : false

*  1

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

## 2.关闭VUE页面提示 ##

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

## 3.查看效果 ##

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

[esLint]: https://www.freesion.com/article/1038792653/#esLint_2
[Link 1]: https://www.freesion.com/article/1038792653/#_9
[1._eslint]: https://www.freesion.com/article/1038792653/#1eslint_10
[2._vue]: https://www.freesion.com/article/1038792653/#2vue_20
[3.]: https://www.freesion.com/article/1038792653/#3_24
[184af740b756dd08c392eee531f3ba21.png]: /images/20221024/a3c8f4ced74d48f1b7b291257aacecd4.png
[922b096912829254a04697e0088aa8a3.png]: /images/20221024/099d3e7853c84914a8c02144e0fc1183.png
[e2a5cd12f1feb59910c1a3e3985f67f3.png]: /images/20221024/9d0dfbd59ffe45e1a840c925dbc9234d.png
[a134ce374d7ab4dd6dafd81fe5ae4b59.png]: /images/20221024/4bad1757924a4e76bf6da478b92fda25.png
[02935b61b0613b006b1ef47da6161ba3.png]: /images/20221024/8800091d8eeb477d9aff84a28392f9bc.png
[cf769ba961d20ad2f45540406ae1ae3a.png]: /images/20221024/26c1230a63594ce2b49150d2bb6cf944.png