Wie formatiere ich Code in WebStorm automatisch?

87

Ich suche nach einer Möglichkeit, meinen Code in der WebStorm-IDE automatisch zu formatieren.

intellij-idea formatting webstorm code-formatting HasanAboShally
quelle
Ich sehe nichts Besonderes daran. Standardaktion / Verknüpfung, die in "Hilfe | Standard-Keymap-Referenz" erwähnt wird und in der nur häufige Aktionen aufgeführt sind.
LazyOne

Antworten:

142

Mac : Command+ Option+L

PC : Ctrl+ Alt+L

HasanAboShally
quelle
44
Dies beantwortet nicht die Frage nach dem Code für die automatische Formatierung. Es sind weiterhin Tastendrücke erforderlich.
Pete Gardner
1
Es beantwortet es, normalerweise möchten Sie nicht, dass es formatiert wird, bis Sie den Befehl ausgeben. Dies funktioniert auch in WebStorm.
Warren LaFrance
Dies setzt voraus, dass Sie über die Standard-IntelliJ-Keymappings verfügen. In Windows ist die Verwendung von Visual Studio-Keymappings standardmäßig Alt + F8. Sie finden diese leicht, indem Sie im Abschnitt Keymap des Einstellungsfensters nach "Format" oder "Neuformatierung" suchen "
mjohnsonengr
2
@Vad Nein. Obwohl diese Antwort geschätzt wird, geht es um "Formatierung", nicht um "automatische Formatierung". Die automatische Formatierung erfolgt, wie der Name schon sagt, automatisch - es sind keine Tastendrücke erforderlich.
Pete Gardner
1
Für mich, und ich nehme an, die meisten Leute hier, ist "automatische Formatierung" das, was passiert, wenn Sie Strg + Alt + L
Vad
91

Sie können ein Makro erstellen, das den Code formatiert und speichert, und dieses Makro dann an die Verknüpfung Ctrl+ binden S. (Mac: Cmd+ S)

Diese Antwort wurde für phpStorm veröffentlicht und gilt auch für WebStorm. Eine modifizierte Version der Antwort lautet wie folgt:

Zeichnen Sie das Makro auf

  1. Bearbeiten> Makros> Makroaufnahme starten
  2. Drücken Sie Ctrl+ Alt+ Lund dann Ctrl+ Alt+ S (auf dem Mac: Cmd+ Option+ Lund dann Cmd+ Option+S
  3. Beenden Sie die Aufzeichnung des Makros, indem Sie unten rechts auf der Seite auf die Schaltfläche Stopp klicken.
  4. Geben Sie diesem Makro einen Namen wie "Formatieren und Speichern".

Weisen Sie "Formatieren und Speichern" Strg + S zu.

  1. Öffnen Sie Datei> Einstellungen.
  2. Suche nach "Keymap" und öffne sie;
  3. Suchen Sie nach "Formatieren und Speichern" und doppelklicken Sie auf die Aktion "Formatieren und Speichern".
  4. Wählen Sie "Tastaturkürzel hinzufügen".
  5. Wählen Sie als ersten Strich "Strg + S".
  6. Es werden Konflikte gemeldet. Ignorieren Sie es und klicken Sie auf OK
  7. WebStorm zeigt eine Warnung an: "Die Verknüpfung ist bereits anderen Aktionen zugewiesen. Möchten Sie andere Zuweisungen entfernen?" Klicken Sie auf die Schaltfläche "Entfernen"

Das ist es.

Andrew-Dufresne
quelle
4
DAS sollte die richtige Antwort sein! Ich habe immer über die Tastenkombination gewusst, aber das formatiert meinen Code nicht "automatisch", sondern nur, wenn ich es ihm sage (was ich oft nicht tue)
mjohnsonengr
3
Ich musste "alles speichern" neu auf cmd + option + s abbilden und dann Schritt 5 unter OSX
rynop
2
Nicht schlecht, aber es werden keine anderen Dateien als die derzeit im Editor geöffneten formatiert. Alle anderen Dateien werden ohne Formatierung gespeichert
Kirill Slatin
Ich habe Jetbrain IDEs 2 Jahre lang verwendet .... Ich lerne neue großartige Idee Danke
MJ Studio
Genau. Dies sollte die richtige Antwort sein. Ich habe diese Antwort viele Jahre lang in mehreren JetBrains-Versionen verwendet. Es ist immer noch genau, egal in welchem ​​Jahr Sie sind.
Yanckst
21

Das Plugin "Aktionen speichern" kann beim Speichern Code formatieren.

  1. PIugin installieren:

    Datei -> Einstellungen -> Plugins -> Repositorys durchsuchen;

    • Eingabe Schlüsselwort "Aktionen speichern" installieren
    • Starten Sie die IDE neu.

  2. Konfigurations-Plugin:

    Datei -> Einstellungen -> Andere Einstellungen

    • Aktivieren Sie die Option "Datei formatieren".
Soneway
quelle
Herzlich willkommen. Sie könnten dies zu einer besseren Antwort machen, wenn Sie einige Details zur Konfiguration des Plugins angeben
Mark Chorley
Save Action ist bei weitem die beste Lösung IMO. Die vollständige Dokumentation finden Sie hier: github.com/dubreuia/intellij-plugin-save-actions
laike9m
2

Wenn Sie kein ALT auf Ihrem MAC haben, ist es:

BEFEHL + OPTION + L.

danday74
quelle
3
Dies beantwortet nicht die Frage nach dem Code für die automatische Formatierung. Es sind weiterhin Tastendrücke erforderlich.
Hassen Ch.