vue如何關閉eslint檢測(多種方法)

一、問題描述

我們在開發vue項目的時候，創建的時候可能會不小心選擇瞭eslint，這個檢測規則對於新手來說，簡直就是噩夢，會讓你崩潰。所以如果不想讓eslint檢測，我們該怎麼辦呢？我總結瞭一些方法，針對不同的版本。

1、首先是比較舊的vue項目

比較舊一點的項目可能會有webpack.base.conf.js這樣一個文件。有這個文件的話，就直接修改這個文件就可以解決

在這裡插入圖片描述

上圖紅框框部分，我項目中的文件內容是這樣的，其他項目可能有別的一些內容，我們把框框中的內容註釋掉或者去掉就可以瞭

在這裡插入圖片描述

2、創建項目的時候，不要選eslint

在這裡插入圖片描述

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

在這裡插入圖片描述

4、創建的項目沒有webpack.base.conf.js文件，但是有 .eslintrc.js

在這裡插入圖片描述

@vue/standard

這個註釋掉就可以瞭

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

這種情況我們項目的目錄結構一般都會創建一個vue.config.js文件，我們操作這個文件就可以瞭

module.exports = {
  lintOnSave: false
},

更改完之後，需要重新啟動項目才可以生效
配置成false就可以關閉，其他配置可以看官網的描述

在這裡插入圖片描述

6、修改.eslintignore 文件

根目錄下有個文件 .eslintignore 文件，把你不需要校驗的文件添加進去即可，
比如不想讓它校驗vue文件，那就加上 .vue ，當然這樣做會讓所有的vue文件都不進行校驗瞭，同理，.js 就是不校驗所有的js文件
這麼做的好處是簡單明瞭，好理解，缺點就是有些麻煩

這寫方法基本足以解決這個問題瞭，但是筆者還是建議各位有瞭一定開發經驗的時候，用上這個檢測文件，不僅能培養自己良好的編程習慣，而且容易和團隊其他人保持一個風格

到此這篇關於vue如何關閉eslint檢測(多種方法)的文章就介紹到這瞭,更多相關vue關閉eslint檢測內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！