JavaScript-Formatierer

Formatiere JavaScript, JSX, TypeScript und TSX ohne Codeausführung.

Frontend und Design
Dein Arbeitsbereich wird vorbereitet…
Eingabe
Ausgabe
Dein Ergebnis erscheint hier.

Anleitung

  1. Füge Text ein, öffne eine UTF-8-Datei oder nutze das Beispiel.
  2. Wähle Eingabe und Optionen, starte das Tool oder aktiviere den automatischen Lauf.
  3. Prüfe das Ergebnis und kopiere oder lade es herunter. Eingabeänderungen machen das vorige Ergebnis ungültig.

JavaScript-Formatierer

Formatiere JavaScript, JSX, TypeScript und TSX ohne Codeausführung.

Die Verarbeitung läuft im Browser. Deine Eingabe wird nicht an DevToolsy gesendet.

So funktioniert es

Prettier parst und formatiert den Quelltext einheitlich. Wähle JavaScript / JSX oder TypeScript / TSX. Syntaxfehler enthalten eine Quellposition.

Vorher und nachher
Eingabe
const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}
Ausgabe
const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

Formatiere JavaScript, JSX, TypeScript und TSX ohne Codeausführung.

Optionen und Datentreue

Passe Einrückung, Zeilenbreite, Anführungszeichen und Semikolons an. Dies ist kein Compiler, Linter oder Minifier. Code wird nicht ausgeführt und Imports werden nicht aufgelöst.

Mit dem Ergebnis arbeiten

Erfolgreiches Formatieren bedeutet nur akzeptierte Syntax. Verwende Compiler, Linter und Tests für Typen, Imports und Laufzeitverhalten.

Prüfe das Ergebnis und kopiere oder lade es herunter. Eingabeänderungen machen das vorige Ergebnis ungültig.

Verarbeitungsgrenzen

UTF-8-Eingabe bis 1 MiB je Dokument, Ausgabe bis 8 MiB. JSONPath und Schema: 5 Sekunden; sonst 30 Sekunden.

Weiterführende InformationenPrettier options
?

Häufige Fragen

Welche Eingaben werden unterstützt?

Prettier parst und formatiert den Quelltext einheitlich. Wähle JavaScript / JSX oder TypeScript / TSX. Syntaxfehler enthalten eine Quellposition.

Sind Anführungszeichen und Semikolons wählbar?

Passe Einrückung, Zeilenbreite, Anführungszeichen und Semikolons an. Dies ist kein Compiler, Linter oder Minifier. Code wird nicht ausgeführt und Imports werden nicht aufgelöst.

Werden Typen oder Logik geprüft?

Nein. Erfolgreiches Formatieren bedeutet nur akzeptierte Syntax. Verwende Compiler, Linter und Tests für Typen, Imports und Laufzeitverhalten.

Wird meine Eingabe hochgeladen?

Die Verarbeitung läuft im Browser. Deine Eingabe wird nicht an DevToolsy gesendet.

Kann ich lokale Dateien öffnen?

UTF-8-Eingabe bis 1 MiB · Ausgabe bis 8 MiB

Finde dein nächstes Tool

Sprache

Sprache wechseln? Deine aktuelle Arbeit wird gelöscht. Kopiere oder lade benötigte Daten zuerst herunter.