IDEA關閉esLint校驗以及vue頁面提示

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校驗不合法提示,都已經沒有了。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章