So deaktivieren Sie die Eslint-Erkennung in Vue (mehrere Methoden)

1. Problembeschreibung

Wenn wir ein Vue-Projekt entwickeln, wählen wir beim Erstellen möglicherweise versehentlich Eslint aus. Diese Erkennungsregel ist ein Albtraum für Anfänger und führt zum Absturz. Was sollen wir also tun, wenn wir nicht möchten, dass Eslint es erkennt? Ich habe einige Methoden für verschiedene Versionen zusammengefasst.

2. Problemlösung

1. Zuerst das ältere Vue-Projekt

Ältere Projekte haben möglicherweise eine Datei wie webpack.base.conf.js . Wenn diese Datei vorhanden ist, ändern Sie sie einfach, um das Problem zu lösen.

Der rot umrahmte Teil im obigen Bild zeigt den Dateiinhalt in meinem Projekt. Andere Projekte können andere Inhalte haben. Wir können den Inhalt im Rahmen einfach auskommentieren oder entfernen.

2. Wählen Sie beim Erstellen eines Projekts nicht eslint

3. Wenn Sie WebStorm als Bearbeitungssoftware verwenden

4. Das erstellte Projekt hat keine Datei webpack.base.conf.js, sondern eine Datei .eslintrc.js

@vue/standard

Kommentieren Sie dies einfach aus.

5. Bei neueren Vue-Projekten gibt es keine (direkte) Datei webpack.base.conf.js im Verzeichnis, aber möglicherweise eine im node_module. Und es gibt keine .eslintrc.js-Datei

In diesem Fall erstellt die Verzeichnisstruktur unseres Projekts im Allgemeinen eine Datei vue.config.js , und wir können diese Datei bedienen

modul.exporte = {
  lintOnSave: falsch
},

Nach der Änderung müssen Sie das Projekt neu starten, damit die Änderung wirksam wird. Sie können die Änderung deaktivieren, indem Sie sie auf „false“ setzen. Weitere Konfigurationen finden Sie in der Beschreibung auf der offiziellen Website.

6. Ändern Sie die Datei .eslintignore

Im Stammverzeichnis befindet sich eine Datei .eslintignore. Fügen Sie einfach die Dateien hinzu, die Sie nicht überprüfen müssen.
Wenn Sie beispielsweise nicht möchten, dass Vue-Dateien geprüft werden, fügen Sie .vue hinzu. Dadurch wird natürlich verhindert, dass alle Vue-Dateien geprüft werden. Ebenso bedeutet .js, dass nicht alle JS-Dateien geprüft werden. Der Vorteil davon ist, dass es einfach und leicht zu verstehen ist, der Nachteil ist jedoch, dass es etwas mühsam ist.

Diese Methode reicht grundsätzlich aus, um dieses Problem zu lösen. Der Autor empfiehlt jedoch, diese Testdatei zu verwenden, wenn Sie über Entwicklungserfahrung verfügen. Dies kann nicht nur gute Programmiergewohnheiten fördern, sondern auch dazu beitragen, den gleichen Stil wie andere Personen im Team beizubehalten.

Damit ist dieser Artikel zum Deaktivieren der Eslint-Erkennung in Vue (mehrere Methoden) abgeschlossen. Weitere Informationen zum Deaktivieren der Eslint-Erkennung in Vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!