1. 程式人生 > 程式設計 >vue如何關閉eslint檢測(多種方法)

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

目錄
  • 一、問題描述
  • 二、問題解決

一、問題描述

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

二、問題解決

1、首先是比較舊的vue專案

比較舊一點的專案可能會有webpack.base.conf.這樣一個檔案。有這個檔案的話,就直接修改這個檔案就可以解決

在這裡插入圖片描述

上圖www.cppcns.com紅框框部分,我專案中的檔案內容是這樣的,其他專案可能有別的一些內容,我們把框框中的內容註釋掉或者去掉就可以了

在這裡插入圖片描述

2、建立專案的時候,不要選eslint

在這裡插入圖片描述

3、如果你使QVKJmAxXHC

用的編輯軟體是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檔案都不進行校驗了,同理,.jshttp://www.cppcns.com 就是不校驗所有的js檔案
這麼做的好處是簡單明瞭,好理解,缺點就是有些麻煩

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

到此這篇關於vue如何關閉eslint檢測(多種方法)的文章就介紹到這了,更多相關vue關閉eslint檢測內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!