So formatieren Sie HTML-Code

HTML-Code kann über den integrierten Befehl Reindent in sublime formatiert werden. Sie können auch das HTML-CSS-JS Prettify-Plug-in installieren, um den Code zu formatieren

Manchmal Wir verwenden den Code anderer Leute. Als ich den Code kopierte, stellte ich fest, dass die Codeanordnung sehr chaotisch war und ich den Code nicht lesen konnte. Heute werde ich Ihnen vorstellen, wie Sie den Code in Sublime formatieren einen gewissen Referenzeffekt und ich hoffe, dass es für alle hilfreich sein wird.

[Empfohlene Kurse: HTML-Kurs ]

(1) Sublimes integrierter Reindent-Befehl

Pfad öffnen: Edit-->Line-->Reindent

Beispiel:

Die mit sublime gelieferte Funktion zum erneuten Einrücken ist jedoch relativ einfach und stellt lediglich sicher, dass die Einrückung normal ist. Nicht standardmäßiges Schreiben im Code kann jedoch nicht verarbeitet werden. Es ist für den Einsatz in einfachen Szenarien geeignet, Sie müssen ein Plug-in installieren

(2) HTML-. CSS-JS Prettify-Plug-in

Dieses Plug-in kann für Sublime Text 2 und Sublime Text 3 verwendet werden und kann zur Verarbeitung von HTML-, CSS-, JavaScript- und JSON-Dateien

Sie müssen zuerst das Plug-in installieren:

Strg+Umschalt+p, um die Paketkontrolle zu öffnen: Wählen Sie dann das Installationspaket aus, geben Sie das HTML-CSS-JS Prettify-Plugin ein und drücken Sie die Eingabetaste, um es zu öffnen sublime neu starten

Das Plug-in wurde erfolgreich installiert, da für die Ausführung das HTML-CSS-JS Prettify-Plugin Node.js erforderlich ist. Daher müssen wir nach dem Herunterladen auch die node.js-Software installieren. Folgen Sie den Schritten „Start – Nach Dateien und Programmen suchen – cmd“

Öffnen Sie dann eine HTML-Datei in Sublime, klicken Sie mit der rechten Maustaste und wählen Sie die Plugin-Optionsdatei unter HTML aus -CSS-JS Pretify zum Öffnen und Ändern des Pfads in den Pfad, in dem die Knotensoftware installiert ist, wie unten gezeigt

Nach erfolgreicher Installation dieses Plug-Ins

Vor der Formatierung:

Nach der Formatierung:

HTML-CSS-JS Prettify-Plugin das keine zusätzlichen Leerzeilen in Dateien entfernt oder JavaScript innerhalb von <script>-Blöcken einrückt, ist es ein sehr gutes Plugin<p><p> (3) HTMLBeautify<strong> Das HTMLBeautify-Plugin ist ein einfaches Skript, das davon ausgeht, dass Ihr HTML bereits teilweise mit separaten Zeilen-Tags formatiert ist. Es funktioniert nicht bei Inline-Kommentaren <p><p> (4) TidyHTML5 <strong> Wenn Sie nur an der Formatierung von HTML5 interessiert sind, können Sie das TidyHTML5-Plugin wählen. Obwohl für die Formatierung ein externes Dienstprogramm verwendet wird, ist es für Windows-Benutzer im Paket enthalten. <p>Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird jedem beim Erlernen der Verwendung von Sublime helfen. <p> <p></script>

Das obige ist der detaillierte Inhalt vonSo formatieren Sie HTML-Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!