Vue終端取消vue、prettier警告warn問(wèn)題
更新時(shí)間：2023年10月20日 09:36:29 作者：苦澀精靈
這篇文章主要介紹了Vue終端取消vue、prettier警告warn問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
Vue終端取消vue、prettier警告warn
使用vue-cli創(chuàng)建時(shí)，選擇了linter/formatter檢查代碼格式就會(huì)有警告和報(bào)錯(cuò)
如下，警告：代碼中的換行不符合規(guī)范。
我裂開
如果在這堆warn中有一個(gè)error的報(bào)錯(cuò)，還要找好久。
在.eslintrc.js這個(gè)隱藏文件中可以設(shè)置開發(fā)和生產(chǎn)模式是否在控制臺(tái)顯示警告代碼。
取消警告方法
第一種：在.eslintrc.js中修改
rules: {
// 原始設(shè)置：在開發(fā)模式中顯示警告
// "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
// 修改：在開發(fā)模式不顯示警告
"no-console": process.env.NODE_ENV === "production" ? "off" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
},
如下圖：
沒(méi)有報(bào)錯(cuò)就直接運(yùn)行服務(wù)，沒(méi)有警告
如果安裝vetur的同時(shí)也安裝了prettier，可以再加一條規(guī)則
rules: {
// 取消prettier警告
"prettier/prettier": process.env.NODE_ENV === "production" ? "off" : "off",
// 取消vue警告
"no-console": process.env.NODE_ENV === "production" ? "off" : "off",
"no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
},
第二種：在main.js中修改
// 取消vue的警告 Vue.config.productionTip = false;
如下圖：
沒(méi)有報(bào)錯(cuò)就直接運(yùn)行服務(wù)，沒(méi)有警告
總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue路由前進(jìn)后退動(dòng)畫效果的實(shí)現(xiàn)代碼
這篇文章主要介紹了vue路由前進(jìn)后退動(dòng)畫效果，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-12-12
這篇文章主要為大家詳細(xì)介紹了vue購(gòu)物車插件的編寫代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
vue使用微信JS-SDK實(shí)現(xiàn)分享功能
這篇文章主要介紹了vue使用微信JS-SDK實(shí)現(xiàn)分享功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
element-ui 表格實(shí)現(xiàn)單元格可編輯的示例
下面小編就為大家分享一篇element-ui 表格實(shí)現(xiàn)單元格可編輯的示例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
在Vue中導(dǎo)入并讀取Excel數(shù)據(jù)的操作步驟
在工作中遇到需要前端上傳excel文件獲取到相應(yīng)數(shù)據(jù)處理之后傳給后端并且展示上傳文件的數(shù)據(jù),所以本文就來(lái)給大家介紹一下Vue中導(dǎo)入并讀取Excel數(shù)據(jù)的操作步驟,需要的朋友可以參考下2023-08-08
通過(guò)本文帶領(lǐng)大家去學(xué)習(xí)vue3.0 CLI - 2.5 - 了解組件的三維的相關(guān)知識(shí)，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-09-09
Vue.js（讀音 /vjuː/, 類似于 view） 是一套構(gòu)建用戶界面的漸進(jìn)式框架。本文給大家詳細(xì)介紹了vue解決跨域路由沖突問(wèn)題思路解析，需要的朋友參考下吧2017-11-11
vue項(xiàng)目中使用bpmn為節(jié)點(diǎn)添加顏色的方法
這篇文章主要介紹了vue項(xiàng)目中使用bpmn為節(jié)點(diǎn)添加顏色的方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-04
vue.js實(shí)現(xiàn)格式化時(shí)間并每秒更新顯示功能示例
這篇文章主要介紹了vue.js實(shí)現(xiàn)格式化時(shí)間并每秒更新顯示功能,結(jié)合實(shí)例形式分析了vue.js時(shí)間格式化顯示與基于定時(shí)器進(jìn)行實(shí)時(shí)更新的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
移動(dòng)端調(diào)試神器vConsole使用詳解
vConsole?是框架無(wú)關(guān)的，可以在?Vue、React?或其他任何框架中使用，今天通過(guò)本文給大家介紹移動(dòng)端調(diào)試神器vConsole使用，感興趣的朋友一起看看吧2022-04-04