我們?cè)陂_發(fā)vue項(xiàng)目的時(shí)候，創(chuàng)建的時(shí)候可能會(huì)不小心選擇了eslint，這個(gè)檢測(cè)規(guī)則對(duì)于新手來說，簡(jiǎn)直就是噩夢(mèng)，會(huì)讓你崩潰。所以如果不想讓eslint檢測(cè)，我們?cè)撛趺崔k呢？我總結(jié)了一些方法，針對(duì)不同的版本。

二、問題解決

?1、首先是比較舊的vue項(xiàng)目

比較舊一點(diǎn)的項(xiàng)目可能會(huì)有webpack.base.conf.js這樣一個(gè)文件。有這個(gè)文件的話，就直接修改這個(gè)文件就可以解決

在這里插入圖片描述

上圖紅框框部分，我項(xiàng)目中的文件內(nèi)容是這樣的，其他項(xiàng)目可能有別的一些內(nèi)容，我們把框框中的內(nèi)容注釋掉或者去掉就可以了

在這里插入圖片描述

2、創(chuàng)建項(xiàng)目的時(shí)候，不要選eslint

在這里插入圖片描述

3、如果你使用的編輯軟件是webstorm

在這里插入圖片描述

4、創(chuàng)建的項(xiàng)目沒有webpack.base.conf.js文件，但是有 .eslintrc.js

在這里插入圖片描述

@vue/standard

這個(gè)注釋掉就可以了

5、比較新的vue項(xiàng)目，目錄沒有（直接）webpack.base.conf.js文件，但node_module中可能有。并且也沒有.eslintrc.js文件

這種情況我們項(xiàng)目的目錄結(jié)構(gòu)一般都會(huì)創(chuàng)建一個(gè)vue.config.js文件，我們操作這個(gè)文件就可以了

module.exports = {
  lintOnSave: false
},

更改完之后，需要重新啟動(dòng)項(xiàng)目才可以生效
配置成false就可以關(guān)閉，其他配置可以看官網(wǎng)的描述

在這里插入圖片描述

6、修改.eslintignore 文件

根目錄下有個(gè)文件 .eslintignore 文件，把你不需要校驗(yàn)的文件添加進(jìn)去即可，
比如不想讓它校驗(yàn)vue文件，那就加上 .vue ，當(dāng)然這樣做會(huì)讓所有的vue文件都不進(jìn)行校驗(yàn)了，同理，.js 就是不校驗(yàn)所有的js文件
這么做的好處是簡(jiǎn)單明了，好理解，缺點(diǎn)就是有些麻煩

這寫方法基本足以解決這個(gè)問題了，但是筆者還是建議各位有了一定開發(fā)經(jīng)驗(yàn)的時(shí)候，用上這個(gè)檢測(cè)文件，不僅能培養(yǎng)自己良好的編程習(xí)慣，而且容易和團(tuán)隊(duì)其他人保持一個(gè)風(fēng)格

到此這篇關(guān)于vue如何關(guān)閉eslint檢測(cè)(多種方法)的文章就介紹到這了,更多相關(guān)vue關(guān)閉eslint檢測(cè)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: