Jak automatycznie sformatować kod w WebStorm?

87

Szukam sposobu na automatyczne formatowanie kodu w środowisku WebStorm IDE?

intellij-idea formatting webstorm code-formatting HasanAboShally
źródło
Nie widzę w tym nic specjalnego. Standardowe działanie / skrót wymieniony w „Pomoc | Domyślne odniesienie do mapy klawiszy”, na którym wymieniono tylko częste akcje.
LazyOne

Odpowiedzi:

143

Mac : Command+ Option+L

PC : Ctrl+ Alt+L

HasanAboShally
źródło
46
To nie odpowiada na pytanie o kod „automatycznego formatowania”. Nadal wymaga naciśnięć klawiszy.
Pete Gardner
1
Odpowiada na to, zwykle nie chcesz, aby formatował, dopóki nie wydasz polecenia. Działa to również w WebStorm.
Warren LaFrance
To przy założeniu, że masz standardowe układy klawiszy IntelliJ .. Domyślnie w systemie Windows jest to Alt + F8 przy użyciu przypisań klawiszy programu Visual Studio. Które można łatwo znaleźć, przechodząc do sekcji mapy klawiszy w oknie ustawień i wyszukując „format” lub „przeformatuj "
mjohnsonengr
2
@Vad Nie. Chociaż ta odpowiedź jest doceniana, chodzi o „formatowanie”, a nie o „automatyczne formatowanie”. Automatyczne formatowanie, jak sama nazwa wskazuje, jest automatyczne - nie ma potrzeby naciskania klawiszy.
Pete Gardner,
1
Dla mnie i zakładam, że większość ludzi tutaj „automatyczne formatowanie” dzieje się po naciśnięciu Ctrl + Alt + L
Vad
95

Jest to możliwe, tworząc makro, które formatuje kod i zapisuje go, a następnie wiąże to makro ze skrótem Ctrl+ S. (Mac: Cmd+ S)

Ta odpowiedź została wysłana dla phpStorm i jest równie ważna dla WebStorm. Zmodyfikowana wersja odpowiedzi jest następująca:

Zarejestruj makro

  1. Edycja> Makra> Rozpocznij nagrywanie makr
  2. Naciśnij Ctrl+ Alt+ L, a następnie Ctrl+ Alt+ S (na Macu: Cmd+ Option+ L, a następnie Cmd+ Option+S
  3. Zatrzymaj rejestrowanie makra, klikając przycisk Zatrzymaj w prawym dolnym rogu strony.
  4. Nazwij to makro, np. „Formatuj i zapisz”

Przypisz Ctrl + S do „Formatuj i zapisz”

  1. otwórz Plik> Ustawienia;
  2. wyszukaj „keymap” i otwórz go;
  3. wyszukaj „Formatuj i zapisz” i kliknij dwukrotnie czynność „Formatuj i zapisz”;
  4. wybierz „Dodaj skrót klawiaturowy”;
  5. wybierz „Ctrl + S” jako pierwszy skok.
  6. zgłosi konflikty. Zignoruj ​​to i kliknij przycisk OK
  7. WebStorm wyświetli ostrzeżenie „Skrót jest już przypisany do innych akcji. Czy chcesz usunąć inne przypisania?” Kliknij przycisk „Usuń”

Otóż ​​to.

Andrew-Dufresne
źródło
4
TO powinna być poprawna odpowiedź! Zawsze wiedziałem o skrócie klawiaturowym, ale to nie formatuje mojego kodu „automatycznie”, formatuje tylko wtedy, gdy mu powiem (czego często nie robię)
mjohnsonengr
3
Musiałem ponownie zmapować "zapisz wszystko" na cmd + opcja + s, a następnie zmienić krok 5 na "cmd + opcja + s" na OSX
rynop.
2
Nieźle, jednak nie formatuje innych plików poza tym, który jest aktualnie otwarty w edytorze. Wszystkie inne pliki są zapisywane bez formatowania
Kirill Slatin
Używałem Jetbrain IDE 2 lata ... Uczyłem się nowego, świetnego pomysłu. Dzięki
MJ Studio
Zgadzam się. To powinna być prawidłowa odpowiedź. Używałem tej odpowiedzi przez wiele lat w wielu wersjach JetBrains. Nadal jest dokładna bez względu na rok, w którym jesteś.
yanckst
22

Wtyczka „Zapisz działania” może formatować kod podczas zapisywania.

  1. Zainstaluj wtyczkę:

    Plik -> Ustawienia -> Wtyczki -> Przeglądaj repozytoria;

    • słowo kluczowe „Zapisz akcje” install
    • zrestartuj IDE.

  2. Konfiguracja wtyczki:

    Plik -> Ustawienia -> Inne ustawienia

    • zaznacz opcję „Formatuj plik”.
soneway
źródło
Witamy. Mógłbyś uczynić to lepszą odpowiedzią, gdybyś podał szczegóły dotyczące konfiguracji wtyczki
Mark Chorley
Save Action to zdecydowanie najlepsze rozwiązanie IMO. Pełną dokumentację można znaleźć tutaj: github.com/dubreuia/intellij-plugin-save-actions
laike9m
2

Jeśli nie masz ALT na swoim MAC, to:

COMMAND + OPCJA + L

danday74
źródło
3
To nie odpowiada na pytanie o kod „automatycznego formatowania”. Nadal wymaga naciśnięć klawiszy.
Hassen Ch.