Keine Werbung mögen? Gehen Werbefrei Heute 

ESLint Konfigurationsgenerator

DatenEntwickler

EINGANG

Automatischer Prozess Client-Seite

Konfigurationsformat

Einfache Konfiguration ist seit ESLint v9 die Standardkonfiguration. Veraltetes Format dient älteren Projekten, die noch auf v8 basieren.

Framework / Umgebung

Wählt einen geeigneten Parser, Plugins und Basisregeln für Ihre Stack.

Stilrichtlinie

Teilbare Konfiguration wird nach der Basis hinzugefügt. Prettier sollte zuletzt eingefügt werden.

TypeScript verwenden (@typescript-eslint)

Sprachoptionen

ecmaVersion

Die Syntaxversion, die der Parser akzeptiert.

sourceType

Wie die Dateien geparsed werden sollen.

Umgebungen

Browser-Globalvariablen (window, document, fetch)

Node-Globalvariablen (process, require, __dirname)

Jest-Globalvariablen (describe, test, expect)

Mocha-Globalvariablen

Allgemeine Regeln

semi (Pflicht für Semikolons)

quotes

indent

no-unused-vars

no-console

eqeqeq (strenges Gleichheitsverhalten)

prefer-const

no-var

Ausgabemöglichkeiten

Inline Kommentare erklären jede Option

Beschreibende Header-Kommentar einfügen

Npm-Install-Befehl am Anfang einfügen

AUSGABE

Client-Seite

ANZEIGE Entfernen?

Führung

ESLint Konfigurationsgenerator

Erstellt eine sofort nutzbare ESLint-Konfiguration für Ihr Projekt in Sekunden. Wählen Sie Ihr Framework, Sprachversion, Umgebungen und Regelstärke aus, dann kopieren Sie den Output direkt in Ihr Repository. Unterstützt sowohl das moderne einfache Format (eslint.config.js, ESLint v9+) als auch das veraltete .eslintrc.json Format, das von ESLint v8 verwendet wird.

Nutzung

Wählen Sie Ihr Konfigurationsformat: einfaches (ESLint v9+) oder veraltetes (.eslintrc.json).
Wählen Sie das verwendete Framework aus — Vanilla JS, Node.js, React, Next.js, Vue 3 oder TypeScript.
Wählen Sie optional eine Stilrichtlinie (Airbnb, Standard, Google, Prettier) aus, um sie zu erweitern.
Aktivieren Sie TypeScript-Unterstützung, wenn Ihr Stack JavaScript und TypeScript kombiniert.
Passen Sie Sprachoptionen, Umgebungen und Regelstärken an, um Ihren Codebestand zu treffen.
Kopieren Sie die generierte Konfiguration und fügen Sie sie in eslint.config.js oder .eslintrc.jsonein und installieren Sie die angegebenen Abhängigkeiten.

Funktionen

Einfaches und veraltetes Format – Erstellt entweder eslint.config.js für ESLint v9+ oder .eslintrc.json für v8.
Framework-Vorlagen – Vanilla JS, Node.js, React, Next.js, Vue 3 und TypeScript mit den richtigen Plugins und empfohlenen Konfigurationen.
Stilrichtlinien – Optional: Airbnb, Standard (über neostandard für einfaches Format), Google und Prettier-Integrationen.
Allgemeine Regel-Optionen – Gezielte Stärkekontrollen für semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-constund no-var.
Installationsbefehl – Druckt die entsprechende npm install -D Zeile aus, damit Sie genau wissen, welche Pakete hinzuzufügen.
Inline-Commentare – Optionale erläuternde Kommentare neben jeder Option, damit die Konfiguration auch als Dokumentation dient.
Nur clientseitig – Alles läuft im Browser; kein Code wird hochgeladen.

 Häufig gestellte Fragen

Welche Unterschiede gibt es zwischen einfachem Konfigurationsformat und veraltetem .eslintrc?

Das einfache Konfigurationsformat ist ein einzelnes JavaScript-Modul, das ein Array (oder das Ergebnis von Hilfsfunktionen wie tseslint.config()) exportiert. Es ersetzt das veraltete .eslintrc-Kaskadensystem in ESLint v9 und verwendet echte Imports anstatt String-Suchoperationen, was es einfacher zu verstehen und mit nativen ES-Modulen zu verwenden macht. Das veraltete .eslintrc-System funktioniert weiterhin in ESLint v8, ist aber nicht mehr die Standardkonfiguration in neueren Versionen.
Warum muss Prettier zuletzt angewendet werden?

eslint-config-prettier deaktiviert ESLint-Regeln, die mit dem Prettier-Formatter konfliktproduzieren. Durch die Anwendung von Prettier zuletzt wird sichergestellt, dass diese Formatierungsregeln unabhängig von früheren Konfigurationen deaktiviert werden. Wenn Prettier früher eingefügt wird, kann eine spätere Konfiguration eine Regel erneut aktivieren, die mit Prettier konfliktiert, und Sie sehen dann störende Lint-Fehler bei bereits formatiertem Code.
Was macht die env / globals-Option tatsächlich?

Sie informiert den Parser über die vorhandenen globalen Variablen, sodass Regeln wie no-undef keine Beschwerden über diese haben. Die Browser-Umgebung fügt Variablen wie window, document, fetch usw. hinzu; die Node-Umgebung fügt Variablen wie process, require, __dirname hinzu. Ohne die richtigen Globale Variablen zu deklarieren, kann gültiger Code als Referenz auf undefinierte Variablen markiert werden.
Welche Unterschiede gibt es zwischen error, warn und off?

Eine Regel mit error macht ESLint mit einem nicht-null-Status abzubrechen, was CI und Pre-Commit-Hooks beendet. Eine Regel mit warn zeigt die Nachricht an, ohne das Build zu beenden. Eine Regel mit off deaktiviert die Regel vollständig. Die meisten Teams reservieren error für Regeln, die die Korrektheit des Codes sicherstellen, und verwenden warn für Stil- oder Migration-Noise, die sie noch nicht vollständig verlangen.

Möchten Sie werbefrei genießen? Werde noch heute werbefrei



 Erweiterungen installieren

IO-Tools zu Ihrem Lieblingsbrowser hinzufügen für sofortigen Zugriff und schnellere Suche

恵 Die Anzeigetafel ist eingetroffen!

Anzeigetafel ist eine unterhaltsame Möglichkeit, Ihre Spiele zu verfolgen. Alle Daten werden in Ihrem Browser gespeichert. Weitere Funktionen folgen in Kürze!

ANZEIGE Entfernen?