JavaScript- & TypeScript-Beautifier

JS, TS, JSX und TSX mit Prettier formatieren und JavaScript mit Terser minimieren.

Läuft lokal · keine Uploads
Input
Output 
Was es tut
Fügen Sie minimierten oder einfach uneinheitlich formatierten Code ein und erhalten Sie ihn so zurück, wie Prettier ihn in Ihrem Editor formatieren würde. Mit Minimieren komprimieren Sie reines JavaScript mit Terser. Die Ausgabe wird während der Eingabe aktualisiert.
Funktionen
  • JavaScript, TypeScript, JSX und TSX einschließlich moderner Syntax: Optional Chaining, Decorators, Generics, satisfies, import type und React-Komponenten.
  • Die Prettier-Optionen, die Entwickler wirklich ändern: 2 Leerzeichen, 4 Leerzeichen oder Tabulatoren, Zeilenbreite, einfache oder doppelte Anführungszeichen, Semikolons an oder aus und nachgestellte Kommas (alle, ES5 oder keine).
  • Minimieren mit Terser: Namenskürzung und Komprimierung lassen sich getrennt schalten, /*! ... */- und @license-Kommentare bleiben erhalten, ES-Module (import / export) werden automatisch erkannt.
  • Präzise Syntaxfehler mit Zeile und Spalte, einem markierten Codeausschnitt und der Schaltfläche Zum Fehler. Wenn Sie TypeScript einfügen, während JS ausgewählt ist, weist das Werkzeug darauf hin.
  • Größe vorher und nachher, Zeilenzahlen und Dauer. Beim Öffnen einer .ts-, .tsx- oder .jsx-Datei wird die Sprache automatisch gewählt.
So verwenden Sie es
  1. Fügen Sie Code ein, öffnen Sie eine Datei oder ziehen Sie sie auf die Eingabe. Beispiel lädt ein Beispiel für die gewählte Sprache.
  2. Wählen Sie die Sprache und dann Formatieren oder Minimieren.
  3. Kopieren Sie das Ergebnis oder laden Sie es herunter. Ctrl+Enter führt sofort aus.
Minimieren funktioniert nur mit reinem JavaScript. Terser hat keinen TypeScript- oder JSX-Parser, und es gibt keinen Browser-Build, der TypeScript direkt minimiert. TS, JSX und TSX müssen daher zuerst zu JavaScript kompiliert werden (zum Beispiel mit tsc, esbuild oder Babel). Verschönern können Sie sie hier jederzeit. Der TypeScript-Parser wird nur geladen, wenn Sie TS oder TSX wählen, Terser erst beim ersten Minimieren.
Datenschutz
Ihr Code wird in Ihrem Browser formatiert und minimiert; nur die fest versionierten Prettier- und Terser-Dateien werden von einem CDN geladen. Nichts wird hochgeladen. Die letzte Eingabe bleibt im lokalen Speicher, damit ein Neuladen sie nicht löscht.