Gibt es einen Befehl zum Formatieren von HTML im Atom-Editor?

218

Ich möchte meinen HTML-Code mit einem Befehl formatieren, wie ich es in Visual Studio mit Ctrl+ K+ tue D. Ist das in Atom möglich ? Wenn nicht, gibt es andere Möglichkeiten?

html atom-editor code-formatting user376456
quelle

Antworten:

370

Atom verfügt nicht über einen integrierten Befehl zum Formatieren von HTML. Sie können jedoch das Atom-Verschönerungspaket installieren , um dieses Verhalten zu erhalten.

  1. Drücken Sie CTRL+ SHFT+ P, um die Befehlspalette aufzurufen ( CMD+ SHFT+ Pauf einem Mac).
  2. Geben Sie Install Packages ein , um den Paketmanager aufzurufen.
  3. Geben Sie verschönern in das Suchfeld ein.
  4. Wählen Sie atom-verschönern oder eines der anderen Pakete und klicken Sie auf Installieren .
  5. Jetzt können Sie die Standard-Tastenkombination für atom-verschönern CTRL+ ALT+ verwenden B, um Ihren HTML -Code zu verschönern ( CTRL+ OPTION+ Bauf einem Mac).
Stuart Hallows
quelle
44
Es ist eine gegenteilige Meinung, dass es cool ist, dass Atom den kleinstmöglichen Kern hat, so dass Sie nur das installieren können, was notwendig ist. Das heißt, Atom kann für die Entwicklung von Nicht-Web-Apps verwendet werden, für die diese Formatierer nicht erforderlich sind ...
ljs.dev
7
Es kann einige benutzerdefinierte Installationen wie "Atom für Webentwickler" geben, die die am häufigsten heruntergeladenen Pakete zum Thema enthalten.
Ricardo
2
Atom- Beautify hat zum Beispiel ab sofort 685.927 Downloads ... 9 in den letzten 10 Minuten, einschließlich meiner!
Ricardo
4
Atom-Verschönerung ist voller Fehler. Es funktioniert nicht mit echten Dokumenten. Es werden fälschlicherweise Zeilenumbrüche in Überschriften hinzugefügt, wenn Inline-Elemente vorhanden sind. Der Wechsel von der JS Beautify-Engine zur Pretty Diff-Engine macht die Sache noch schlimmer - Inline-Elemente, wie sie <dfn>in Absätzen eingeschlossen sind.
Garret Wilson
5
Ich mag die Tatsache atom-beautifynicht , dass keine persönlichen Einrückungseinstellungen und / oder .editorconfigEinstellungen verwendet werden. Es formatiert einfach alles auf seine Weise.
Diti
13

Es gibt einige Pakete zum Verschönern von HTML. Sie finden sie im Atom-Paketarchiv:

  1. Navigieren Sie zur Atom-Site
  2. Klicken Sie auf den Link Pakete
  3. Geben Sie "prettify" in das Suchfeld ein

Oder gehen Sie einfach zu diesem Link: https://atom.io/packages/search?q=prettify

Sobald Sie ein Paket ausgewählt haben, das die gewünschten Funktionen ausführt, können Sie es mithilfe des Befehls installieren: apm install [package name]über die Befehlszeile oder über die Schnittstelle in den Einstellungen installieren.

Befolgen Sie bei der Installation des Pakets die Anweisungen zum Aktivieren der Funktionen.

Lee
quelle
6

Sie können ein Atom Beauty-Paket zum Formatieren von Text in Atom hinzufügen.

Datei -> Einstellung -> Installieren

Dann geben Sie atom-verschönern in den Suchbereich ein.

Klicken Sie dann auf die Schaltfläche Paket. Wählen Sie atom beuty aus und installieren Sie es.

Als nächstes können Sie Ihren Text mit (Alt + Strg + B) formatieren oder mit der rechten Maustaste klicken und Editorinhalte verschönern auswählen

Jayantha
quelle
0
  1. Gehen Sie im Atom-Editor zu "Pakete".
  2. Wählen Sie dann in der Ansicht "Pakete" die Option "Einstellungsansicht".
  3. Wählen Sie "Pakete / Designs installieren".
  4. Suchen Sie nach "Atom Beautify" und installieren Sie es.
Ajay
quelle