Vue終端取消vue、prettier警告warn問題
Vue終端取消vue、prettier警告warn
使用vue-cli創(chuàng)建時,選擇了linter/formatter檢查代碼格式就會有警告和報錯

如下,警告:代碼中的換行不符合規(guī)范。
我裂開

如果在這堆warn中有一個error的報錯,還要找好久。
在.eslintrc.js這個隱藏文件中可以設(shè)置開發(fā)和生產(chǎn)模式是否在控制臺顯示警告代碼。
取消警告方法
第一種:在.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",
},
如下圖:
沒有報錯就直接運行服務(wù),沒有警告

如果安裝vetur的同時也安裝了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;
如下圖:
沒有報錯就直接運行服務(wù),沒有警告

總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
element-ui 表格實現(xiàn)單元格可編輯的示例
下面小編就為大家分享一篇element-ui 表格實現(xiàn)單元格可編輯的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
在Vue中導(dǎo)入并讀取Excel數(shù)據(jù)的操作步驟
在工作中遇到需要前端上傳excel文件獲取到相應(yīng)數(shù)據(jù)處理之后傳給后端并且展示上傳文件的數(shù)據(jù),所以本文就來給大家介紹一下Vue中導(dǎo)入并讀取Excel數(shù)據(jù)的操作步驟,需要的朋友可以參考下2023-08-08
vue.js實現(xiàn)格式化時間并每秒更新顯示功能示例
這篇文章主要介紹了vue.js實現(xiàn)格式化時間并每秒更新顯示功能,結(jié)合實例形式分析了vue.js時間格式化顯示與基于定時器進(jìn)行實時更新的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07

