JAVASCRIPT-FORMATTER / HÜBSCHER

JavaScript-Formatierer

Die gleiche Ausgabe wie Prettier in VS Code, direkt im Browser.

Läuft lokal · Code wird nicht hochgeladen
Optionen

IHR NÄCHSTER SCHRITT

Verbinden Sie nützliche Tools mit Ihrem Unternehmensworkflow

Erstellen Sie ein Unternehmenskonto, um die Website-Überwachung, geschäftliche E-Mails und Benachrichtigungen zu konfigurieren und Ihr Team zur Zusammenarbeit einzuladen.

Neue Unternehmen erhalten eine 14-tägige Pro-Testversion, für die keine Karte erforderlich ist. Bei Testversionen ist der bezahlte monatliche Kreditzuschuss nicht inbegriffen.

Sie haben bereits ein Konto? Öffnen Sie Ihren Arbeitsbereich → (English)

So verwenden Sie es

  1. Code einfügen, Datei ablegen oder Beispiel laden; Die Sprache ist für diese Seite voreingestellt und kann geändert werden.
  2. Format auswählen oder verkleinern und Einzug, Breite und andere Optionen anpassen; Das Ergebnis wird während der Eingabe rechts angezeigt.
  3. Ergebnis kopieren oder herunterladen; Bei einem Fehler verwenden Sie „Gehe zu Fehler“, beheben Sie ihn und führen Sie ihn erneut aus.

Codestiloptionen

Gemeinsame Konventionen
OptionenEmpfehlung
Einzug2 Leerzeichen (gemeinsam im Frontend) / 4 Leerzeichen / Tab
LinienbreiteWrap bei 80; 100 oder 120 für Breitbildschirme
ZitateDoppelt (Prettier-Standard) oder einfach
SemikolonStandardmäßig aktiviert, um ASI-Überraschungen zu vermeiden
Nachgestellte KommasFür mehrzeilige Listen für sauberere Unterschiede hinzugefügt

Sprachen und Engines

Bei der Formatierung werden dieselben Open-Source-Engines wie bei gängigen Editoren verwendet, sodass die Ergebnisse mit „Prettier“ in VS Code übereinstimmen und Ihr Team einen Stil beibehalten kann. Jede Engine wird von dieser Website geladen und in Ihrem Browser ausgeführt.

Sprache
SpracheFormatKomprimieren
HTMLHübscher 3✓ Kommentare und Leerzeichen
XMLXunL XML-Engine✓
CSS / SCSS / WenigerHübscher 3✓ CSSO-Umstrukturierung
JavaScript / TypeScriptPrettier 3 (Babel)✓ Terser (nur JavaScript)
JSONHübscher 3✓ Große Zahlen sorgen für Präzision
YAMLHübscher 3– (Kommentare behalten)
SQLSQL-Formatter (14 Dialekte)—

Häufig gestellte Fragen

Kann die Minimierung von JavaScript aufgehoben werden?

Einrückungen und Zeilenumbrüche werden wiederhergestellt, sodass der Code wieder lesbar ist. Gekürzte Variablennamen wie a, b und c können jedoch nicht wiederhergestellt werden.

Unterstützt es TypeScript und JSX?

Ja. Wählen Sie TypeScript für Typanmerkungen und Schnittstellen. JSX funktioniert unter JavaScript.

Ist mein Code hochgeladen?

Nein. Die Engines werden von dieser Website heruntergeladen und in Ihrem Browser ausgeführt. Ihr Code durchläuft niemals unsere Server oder Dritte und ist daher für den internen Code und die interne Konfiguration sicher.

Wie groß dürfen Dateien sein?

Bis zu 5 MB pro Datei; Über 300 KB wartet die Seite auf die Schaltfläche, anstatt sie während der Eingabe zu formatieren, damit der Browser reagiert.

Praktischer Leitfaden zum JavaScript-Formatierer und häufig gestellte Fragen

Was macht ein JavaScript-Formatierer?

Prettier 3 (Babel-Parser) gibt den Code erneut aus: Umbruch bei der Zeilenbreite und Vereinheitlichung von Anführungszeichen, Semikolons und abschließenden Kommas; TypeScript verwendet babel-ts und JSX funktioniert direkt.

Für wen ist das gedacht und wann ist es nützlich?

Frontend-Entwickler, Skriptschreiber, Vermarkter und Ingenieure, die Code von Drittanbietern prüfen und minimiertes JS lesen oder einen Teamstil beibehalten müssen.

Wie verwende ich diesen JavaScript-Formatierer?

Fügen Sie JavaScript, JSX oder TypeScript ein und Prettier formatiert es mit Ihren Einstellungen für Einzug, Breite, Anführungszeichen, Semikolon und abschließendes Komma und weist auf Syntaxfehler in Zeile und Spalte hin.

Wie soll ich die Ergebnisse interpretieren?

Prettier lässt die gesamte Datei umfließen und behält dabei die Kommentare, aber nicht die ursprünglichen Zeilenumbrüche bei. Gekürzte Variablennamen können nicht wiederhergestellt werden.

Wo wird die Arbeit ausgeführt und welche Dienste erhalten Daten?

JavaScript wird analysiert und erneut gedruckt, jedoch nie ausgeführt oder hochgeladen.