vue項(xiàng)目下,如何用命令直接修復(fù)ESLint報(bào)錯(cuò)

更新時(shí)間：2022年04月13日 15:05:18 作者：Mount華

這篇文章主要介紹了vue項(xiàng)目下，如何用命令直接修復(fù)ESLint報(bào)錯(cuò)，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

如何用命令直接修復(fù)ESLint報(bào)錯(cuò)

在寫mpvue（小程序框架，其實(shí)也算是vue項(xiàng)目）項(xiàng)目過程引入ESLint代碼規(guī)范，出現(xiàn)很多規(guī)范問題。

首先在項(xiàng)目的根目錄下找到package.json文件，找到下面的位置，也就是“lint”這一條指令，指令后面具體內(nèi)容不用深究。

然后修改成：

接下來，運(yùn)行npm run lint

可以自動(dòng)解決絕大多數(shù)錯(cuò)誤，應(yīng)該有可能包含一些錯(cuò)誤只能手動(dòng)解決的。

例如，我運(yùn)行后，還剩下一個(gè)錯(cuò)誤：

這個(gè)就只能根據(jù)錯(cuò)誤文件定位去做相應(yīng)的修改了，把==改成===。

當(dāng)然，如果你堅(jiān)決不改呢，那就在包含錯(cuò)誤的那個(gè)文件頭部加上

/*eslint-disable*/

原理就是eslint不對該文件進(jìn)行檢查。

最后，個(gè)人對eslint代碼規(guī)范的建議：

先把eslint關(guān)掉，最后項(xiàng)目開發(fā)完成再進(jìn)行規(guī)范代碼。

先找到根目錄下的build文件夾的webpack.base.conf.js

找到這個(gè)位置，把代碼注釋掉

最后，項(xiàng)目開發(fā)完成后，再去掉注釋，并按照前面的解決方法進(jìn)行規(guī)范代碼。

怎么修復(fù)eslint報(bào)的錯(cuò)誤?

eslint報(bào)的錯(cuò)誤

像這樣提示space(空格)錯(cuò)誤的就是違反了eslint設(shè)置的代碼規(guī)范

在這里插入圖片描述

如何修復(fù)eslint報(bào)的錯(cuò)誤?

首先, 查看package.json中的script中關(guān)于修復(fù)eslint的指令

如下圖片: 在這里的修復(fù)eslint的指令是lint-fix

在這里插入圖片描述

然后, 終端運(yùn)行 npm run lint-fix

最后, 終端運(yùn)行項(xiàng)目 npm run dev 即可.

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue3+Element?Plus按需引入(自動(dòng)導(dǎo)入)詳解
element-plus根據(jù)官網(wǎng)文檔,推薦用戶采用按需導(dǎo)入的方式進(jìn)行導(dǎo)入,下面這篇文章主要給大家介紹了關(guān)于Vue3+Element?Plus按需引入(自動(dòng)導(dǎo)入)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-10-10
webstorm和.vue中es6語法報(bào)錯(cuò)的解決方法
本篇文章主要介紹了webstorm和.vue中es6語法報(bào)錯(cuò)的解決方法，小編總結(jié)了webstorm和.vue中出現(xiàn)的es6語法報(bào)錯(cuò)，避免大家采坑，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-05-05
Vue父組件和子組件之間數(shù)據(jù)傳遞和方法調(diào)用
vue組件在通信中，無論是子組件向父組件傳值還是父組件向子組件傳值，他們都有一個(gè)共同點(diǎn)就是有中間介質(zhì)，子向父的介質(zhì)是自定義事件，父向子的介質(zhì)是props中的屬性。
2022-12-12
Vue生命周期中的組件化你知道嗎
這篇文章主要為大家詳細(xì)介紹了Vue生命周期中的組件化，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-03-03
vue3觸發(fā)父組件兩種寫法
這篇文章主要介紹了vue3觸發(fā)父組件兩種寫法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-08-08
vue通過數(shù)據(jù)過濾實(shí)現(xiàn)表格合并
這篇文章主要為大家詳細(xì)介紹了vue通過數(shù)據(jù)過濾實(shí)現(xiàn)表格合并，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
Vue computed計(jì)算屬性的使用方法
這篇文章主要為大家詳細(xì)介紹了Vue computed計(jì)算屬性的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
M1 pro芯片啟動(dòng)Vue項(xiàng)目的方法步驟
本文主要介紹了M1 pro芯片啟動(dòng)Vue項(xiàng)目的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
web面試vue自定義組件及調(diào)用方式
這篇文章主要介紹了web面試中常問到的關(guān)于vue自定義組件及調(diào)用方式，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步
2021-09-09
詳解Vue源碼學(xué)習(xí)之雙向綁定
這篇文章主要介紹了Vue源碼學(xué)習(xí)之雙向綁定，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-04-04