vue項目下,如何用命令直接修復(fù)ESLint報錯
如何用命令直接修復(fù)ESLint報錯
在寫mpvue(小程序框架,其實(shí)也算是vue項目)項目過程引入ESLint代碼規(guī)范,出現(xiàn)很多規(guī)范問題。
首先在項目的根目錄下找到package.json文件,找到下面的位置,也就是“lint”這一條指令,指令后面具體內(nèi)容不用深究。

然后修改成:

接下來,運(yùn)行npm run lint
可以自動解決絕大多數(shù)錯誤,應(yīng)該有可能包含一些錯誤只能手動解決的。
例如,我運(yùn)行后,還剩下一個錯誤:

這個就只能根據(jù)錯誤文件定位去做相應(yīng)的修改了,把==改成===。
當(dāng)然,如果你堅決不改呢,那就在包含錯誤的那個文件頭部加上
/*eslint-disable*/
原理就是eslint不對該文件進(jìn)行檢查。
最后,個人對eslint代碼規(guī)范的建議:
先把eslint關(guān)掉,最后項目開發(fā)完成再進(jìn)行規(guī)范代碼。
先找到根目錄下的build文件夾的webpack.base.conf.js

找到這個位置,把代碼注釋掉

最后,項目開發(fā)完成后,再去掉注釋,并按照前面的解決方法進(jìn)行規(guī)范代碼。
怎么修復(fù)eslint報的錯誤?
eslint報的錯誤
像這樣提示space(空格)錯誤的就是違反了eslint設(shè)置的代碼規(guī)范

如何修復(fù)eslint報的錯誤?
首先, 查看package.json中的script中關(guān)于修復(fù)eslint的指令
如下圖片: 在這里的修復(fù)eslint的指令是lint-fix

然后, 終端運(yùn)行 npm run lint-fix
最后, 終端運(yùn)行項目 npm run dev 即可.
以上為個人經(jīng)驗(yàn),希望能給大家一個參考,也希望大家多多支持腳本之家。
- Vue3配置路由ERROR in [eslint]報錯問題及解決
- vue?eslint報錯error?"Component?name?"*****"?should?always?be?multi-word"解決
- vue?eslint報錯:Component?name?“xxxxx“?should?always?be?multi-word.eslintvue的4種解決方案
- vue-cli創(chuàng)建項目時由esLint校驗(yàn)導(dǎo)致報錯或警告的問題及解決
- vue關(guān)于eslint空格縮進(jìn)等的報錯問題及解決
- vue?cli2?和?cli3去掉eslint檢查器報錯的解決
- vue中eslint導(dǎo)致的報錯問題及解決
相關(guān)文章
Vue3+Element?Plus按需引入(自動導(dǎo)入)詳解
element-plus根據(jù)官網(wǎng)文檔,推薦用戶采用按需導(dǎo)入的方式進(jìn)行導(dǎo)入,下面這篇文章主要給大家介紹了關(guān)于Vue3+Element?Plus按需引入(自動導(dǎo)入)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-10-10
Vue父組件和子組件之間數(shù)據(jù)傳遞和方法調(diào)用
vue組件在通信中,無論是子組件向父組件傳值還是父組件向子組件傳值,他們都有一個共同點(diǎn)就是有中間介質(zhì),子向父的介質(zhì)是自定義事件,父向子的介質(zhì)是props中的屬性。2022-12-12
vue通過數(shù)據(jù)過濾實(shí)現(xiàn)表格合并
這篇文章主要為大家詳細(xì)介紹了vue通過數(shù)據(jù)過濾實(shí)現(xiàn)表格合并,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-07-07

