⚡Developer Tools

Biome statt ESLint+Prettier

Ein Tool für Linting UND Formatting — April 2026

ESLint plus Prettier plus deren Konflikte plus 20 Plugins — das war gestern. Biome ist ein einziges Tool das Linting und Formatting übernimmt, in Rust geschrieben ist und 100x schneller läuft. Eine Config, null Plugin-Chaos.

Pro-Tip — Der schnelle Weg
Biome formatiert und lintet in einem Durchgang — kein separater Prettier-Step mehr nötig.
Seite 1
01

Biome installieren und initialisieren

Installiere Biome und erstelle die Konfigurationsdatei.

npm install --save-dev @biomejs/biome
npx @biomejs/biome init


# Erstellt biome.json im Projektroot
02

Biome konfigurieren

Passe Formatting und Linting-Regeln in einer einzigen Datei an.

// biome.json
{
 "formatter": {
 "indentStyle": "space",
 "indentWidth": 2,
 "lineWidth": 100
 },
 "linter": {
 "enabled": true,
 "rules": {
 "recommended": true,
 "complexity": {
 "noForEach": "warn"
 },
 "suspicious": {
 "noExplicitAny": "error"
 }
 }
 },
 "javascript": {
 "formatter": {
 "quoteStyle": "double",
 "semicolons": "always"
 }
 }
}
03

Scripts einrichten und alte Tools entfernen

Ersetze ESLint und Prettier komplett durch Biome in deinen npm Scripts.

// package.json
{
 "scripts": {
 "lint": "biome check .",
 "lint:fix": "biome check --write .",
 "format": "biome format --write ."
 }
}


# Alte Tools entfernen:
npm uninstall eslint prettier eslint-config-prettier
rm .eslintrc.js .prettierrc


# VS Code Extension: "Biome" installieren
# In settings.json: "editor.defaultFormatter": "biomejs.biome"
Seite 2
Warum das funktioniert
  • Ein Tool statt zwei: keine Konflikte mehr zwischen ESLint und Prettier
  • In Rust geschrieben: spürbar schneller bei jedem Speichern und im CI
  • Eine Konfigurationsdatei statt .eslintrc + .prettierrc + diverse Plugins
  • Null Plugin-Dependencies: alles eingebaut was du brauchst
Tipps
  • Biome ist 100x schneller als ESLint — spürbar bei großen Projekten
  • biome check macht Linting UND Formatting in einem Schritt
  • Die VS Code Extension zeigt Fehler inline und formatiert beim Speichern
  • Biome unterstützt JS, TS, JSX, TSX, JSON und CSS out of the box
  • Migration von ESLint: biome migrate eslint übernimmt deine bestehenden Regeln
Seite 3
Bereit für den nächsten Schritt?

KIWorld VibeCoding Masterclass

Du willst nicht nur einzelne Tools einrichten, sondern wirklich lernen wie du mit KI komplette Apps, Websites und SaaS-Produkte baust? Über 700 Videos — von Anfänger bis Fortgeschritten — in jedem Bereich. Von der Idee bis zum fertigen Produkt, ohne eine Zeile Code selbst zu schreiben.

Jetzt Masterclass ansehen