vue中的嚴(yán)格模式如何取消
如何取消嚴(yán)格模式
做項(xiàng)目當(dāng)中如果遇到以下這種報(bào)錯(cuò):
解決辦法
1.vue cli4項(xiàng)目中會(huì)有單獨(dú)的一個(gè)eslintrc.js文件,這個(gè)js文件里面就是代碼規(guī)范的配置項(xiàng),你可以嘗試注釋掉’@vue/standard’, 即關(guān)閉Eslint語法規(guī)范
// ‘@vue/standard'
重啟項(xiàng)目npm run serve即可。
2.找到vue.config.js,如果沒有你可以自己新建一個(gè),里面配置以下內(nèi)容,
lintOnSave: false, devServer: { overlay: { warning: false, errors: false } },
重啟項(xiàng)目npm run serve即可。
這個(gè)配置添加之后可以說徹底關(guān)閉eslint,不會(huì)再有任何的報(bào)錯(cuò)。
3.在項(xiàng)目中有另外一個(gè)js配置文件setting.js,里面的 lintOnSave: true,
所以在vue.config.js配置的無效
4.找到setting.js,修改成 lintOnSave: false,
所以你也可以全局搜索一下 lintOnSave這個(gè)配置屬性,找到這句在哪里,把它修改為false就徹底關(guān)閉了eslint檢測(cè),如果沒有找到lintOnSave可以參考第二步
取消嚴(yán)格模式,去除格式警告
我們?nèi)粘T趯憊ue代碼的時(shí)候,會(huì)遇到很多警告信息,這是因?yàn)槲覀冊(cè)趧?chuàng)建代碼的時(shí)候一直寫yes,或者敲回車,也就是默認(rèn)安裝了eslint的嚴(yán)格模式。
在運(yùn)行測(cè)試的時(shí)候,會(huì)出現(xiàn)很多警告和錯(cuò)誤,頁面顯示會(huì)變得十分麻煩,如果習(xí)慣了就可以養(yǎng)成很好的代碼習(xí)慣。
那么如何去除這些警告呢,關(guān)閉嚴(yán)格模式,只要在build文件夾下的webpack.base.conf.js中的…(config.dev.useEslint ? [createLintingRule()] : []),注釋掉,然后重新啟動(dòng)項(xiàng)目即可。
注意:注釋后一定要記得重新跑一項(xiàng)目,不然依舊會(huì)按照原規(guī)則來。
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue.js實(shí)現(xiàn)開發(fā)購(gòu)物車功能的方法詳解
這篇文章主要介紹了Vue.js實(shí)現(xiàn)開發(fā)購(gòu)物車功能的方法,結(jié)合實(shí)例形式分析了基于vue.js開發(fā)的購(gòu)物車功能相關(guān)操作步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02Vue封裝一個(gè)Tabbar組件?帶組件路由跳轉(zhuǎn)方式
這篇文章主要介紹了Vue封裝一個(gè)Tabbar組件?帶組件路由跳轉(zhuǎn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04使用VUE+iView+.Net Core上傳圖片的方法示例
這篇文章主要介紹了使用VUE+iView+.Net Core上傳圖片的方法示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01如何優(yōu)雅地在vue中添加權(quán)限控制示例詳解
這篇文章主要給大家介紹了關(guān)于如何優(yōu)雅地在vue中添加權(quán)限控制的相關(guān)資料,文中通過示例代碼以及圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03