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頁(yè)面批量引入組件,本文結(jié)合示例代碼給大家講解的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
Vue使用ExcelJS實(shí)現(xiàn)專業(yè)級(jí)Excel導(dǎo)出解決方案
ExcelJS 是 Node.js 和瀏覽器環(huán)境中功能最全面的 Excel 處理庫(kù)之一,就像一個(gè)專業(yè)的 Excel 工作站,下面小編就為大家詳細(xì)介紹一下如何使用ExcelJS實(shí)現(xiàn)專業(yè)級(jí)Excel導(dǎo)出吧2025-07-07
這篇文章主要介紹了vue 引用自定義ttf、otf、在線字體的方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-05-05
vue-cli+webpack項(xiàng)目打包到服務(wù)器后,ttf字體找不到的解決操作
這篇文章主要介紹了vue-cli+webpack項(xiàng)目打包到服務(wù)器后,ttf字體找不到的解決操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-08-08
插件功能開發(fā)完成后，若需要發(fā)布到公共組件庫(kù)中（例如：npmjs），需要對(duì)插件進(jìn)行打包并發(fā)布，這篇文章主要介紹了Vue插件打包與發(fā)布的方法示例，感興趣的小伙伴們可以參考一下2018-08-08
在Vue項(xiàng)目中,通過(guò).env文件配置環(huán)境變量,支持不同環(huán)境下加載不同配置,Vite通過(guò)import.meta.env向應(yīng)用暴露環(huán)境變量,支持基本URL、開發(fā)環(huán)境和生產(chǎn)環(huán)境識(shí)別等,.env文件可設(shè)置環(huán)境優(yōu)先級(jí),修改后需重啟生效,TypeScript可通過(guò)增加文件獲取智能提示2024-10-10
基于Vue實(shí)現(xiàn)簡(jiǎn)單的權(quán)限控制
這篇文章主要為大家學(xué)習(xí)介紹了如何基于Vue實(shí)現(xiàn)簡(jiǎn)單的權(quán)限控制，文中的示例代碼講解詳細(xì)，具有一定的參考價(jià)值，需要的小伙伴可以了解一下2023-07-07
vite?vue3?規(guī)范化與Git?Hooks詳解
這篇文章主要介紹了vite?vue3?規(guī)范化與Git?Hooks,本文重點(diǎn)討論?git?提交規(guī)范,結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-10-10
解決vue生產(chǎn)環(huán)境,頁(yè)面卡死的問(wèn)題
這篇文章主要介紹了解決vue生產(chǎn)環(huán)境,頁(yè)面卡死的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
vue2.0實(shí)現(xiàn)的tab標(biāo)簽切換效果（內(nèi)容可自定義）示例
這篇文章主要介紹了vue2.0實(shí)現(xiàn)的tab標(biāo)簽切換效果,結(jié)合實(shí)例形式分析了vue.js實(shí)現(xiàn)內(nèi)容可自定義的tab點(diǎn)擊切換功能相關(guān)操作技巧,需要的朋友可以參考下2019-02-02