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校驗不合法提示,都已經沒有了。