Zum Inhalt springen
Alle Technologien

ESLint

ESLint prüft JavaScript- und TypeScript-Code auf Fehler, Anti-Patterns und Stil-Verstöße, bevor sie in Produktion landen. Seine Stärke ist das große Ökosystem: Für praktisch jedes Framework und jede Konvention gibt es Regelsätze und Plugins, etwa für React, Vue, Svelte, Import-Sortierung oder Accessibility. In der Praxis kombinieren wir ESLint mit Prettier, das die reine Formatierung übernimmt, sodass ESLint sich auf Code-Qualität konzentriert. Wer ein schlankeres, schnelleres Setup bevorzugt, für den ist Biome die All-in-one-Alternative, die Linting und Formatierung in einem Werkzeug bündelt. Für Ihre Agentur binden wir das Setup in Editor, Pre-Commit-Hook und CI ein und dokumentieren das Quality-Gate so, dass Sie es unter eigenem Namen weitergeben können.

Wofür sich ESLint eignet

  • Fehler und Anti-Patterns früh im Code finden
  • Framework-Regeln für React, Vue oder Svelte
  • Einheitliche Konventionen im Team durchsetzen
  • Import-Sortierung und Accessibility-Checks
  • Quality-Gate in der CI-Pipeline

ESLint in der Praxis

eslint.config.js
import js from '@eslint/js'
import tseslint from 'typescript-eslint'

// Flat Config (eslint.config.js), typescript-eslint v8
export default tseslint.config(
  js.configs.recommended,
  ...tseslint.configs.recommended,
  {
    files: ['**/*.{ts,tsx}'],
    rules: {
      'no-console': 'warn',
      '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_' }],
    },
  },
  { ignores: ['dist/', 'coverage/'] },
)

So arbeiten wir mit ESLint

  1. Regelsatz festlegen: empfohlene Basis plus framework-spezifische Plugins
  2. Zusammenspiel mit Prettier sauber trennen (Qualität und Formatierung)
  3. TypeScript-Integration über den typbewussten Regelsatz
  4. Editor-Integration (Fehler live) und Pre-Commit-Hook
  5. Einbindung in die CI-Pipeline als Quality-Gate
  6. Übergabe: dokumentierte Regeln und Begründungen

Das liefern wir bei ESLint

  • Konfiguriertes ESLint-Setup mit passenden Plugins
  • Abgestimmtes Zusammenspiel mit Prettier
  • Editor- und Pre-Commit-Integration
  • CI-Einbindung als Quality-Gate
  • Übergabe-Doku: Regeln und Konventionen

Häufige Fragen zu ESLint

Passt zu ESLint

PrettierBiome

Interesse an ESLint?

Lassen Sie uns über Ihr Projekt sprechen. Wir beraten Sie gerne unverbindlich.

Jetzt kontaktieren