vue項(xiàng)目下,如何用命令直接修復(fù)ESLint報(bào)錯(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不對(duì)該文件進(jìn)行檢查。
最后，個(gè)人對(duì)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è)參考，也希望大家多多支持腳本之家。
- Vue3配置路由ERROR in [eslint]報(bào)錯(cuò)問題及解決
- vue?eslint報(bào)錯(cuò)error?"Component?name?"*****"?should?always?be?multi-word"解決
- vue?eslint報(bào)錯(cuò):Component?name?“xxxxx“?should?always?be?multi-word.eslintvue的4種解決方案
- vue-cli創(chuàng)建項(xiàng)目時(shí)由esLint校驗(yàn)導(dǎo)致報(bào)錯(cuò)或警告的問題及解決
- vue關(guān)于eslint空格縮進(jìn)等的報(bào)錯(cuò)問題及解決
- vue?cli2?和?cli3去掉eslint檢查器報(bào)錯(cuò)的解決
- vue中eslint導(dǎo)致的報(bào)錯(cuò)問題及解決
相關(guān)文章
這篇文章主要介紹了vue+iview使用樹形控件的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)簡易的計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了Vue中實(shí)現(xiàn)權(quán)限管理詳解,權(quán)限是對(duì)特定資源的訪問許可，所謂權(quán)限控制，也就是確保用戶只能訪問到被分配的資源,而前端權(quán)限歸根結(jié)底是請(qǐng)求的發(fā)起權(quán)，請(qǐng)求的發(fā)起可能有下面兩種形式觸發(fā),需要的朋友可以參考下2023-08-08
vue3中輕松實(shí)現(xiàn)switch功能組件的全過程
這篇文章主要給大家介紹了關(guān)于vue3中輕松實(shí)現(xiàn)switch功能組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
Vue中組件這個(gè)特性讓不少前端er非常喜歡，我自己也是其中之一，它讓前端的組件式開發(fā)更加合理和簡單。下面這篇文章主要給大家介紹了關(guān)于Vue2中組件間通信的解決全方案，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面來一起看看吧。2017-07-07
vue項(xiàng)目中axios如何捕捉http狀態(tài)碼為401錯(cuò)誤問題
這篇文章主要介紹了vue項(xiàng)目中axios如何捕捉http狀態(tài)碼為401錯(cuò)誤問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
Vue-Access-Control 前端用戶權(quán)限控制解決方案
Vue-Access-Control是一套基于Vue/Vue-Router/axios 實(shí)現(xiàn)的前端用戶權(quán)限控制解決方案。這篇文章主要介紹了Vue-Access-Control：前端用戶權(quán)限控制解決方案,需要的朋友可以參考下2017-12-12
vue-router中的hash和history兩種模式的區(qū)別
大家都知道vue-router有兩種模式，hash模式和history模式，這里來談?wù)剉ue-router中的hash和history兩種模式的區(qū)別。感興趣的朋友一起看看吧2018-07-07
VueUse 是一個(gè)基于 Composition API 的實(shí)用函數(shù)集合。本文就詳細(xì)的介紹了VueUse的具體用法，具有一定的參考價(jià)值，感興趣的可以了解一下2021-11-11
本篇文章主要介紹了詳解Vue2 無限級(jí)分類(添加,刪除,修改) ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-03-03