Czy istnieje polecenie formatowania HTML w edytorze Atom?

218

Chciałbym sformatować swój HTML za pomocą polecenia, podobnie jak w Visual Studio, używając Ctrl+ K+ D. Czy jest to możliwe w Atomie ? Jeśli nie, czy są inne opcje?

html atom-editor code-formatting użytkownik376456
źródło

Odpowiedzi:

371

Atom nie ma wbudowanego polecenia do formatowania HTML. Możesz jednak zainstalować pakiet upiększania atomu , aby uzyskać takie zachowanie.

  1. Naciśnij CTRL+ SHFT+, Paby wyświetlić paletę poleceń ( CMD+ SHFT+ Pna komputerze Mac).
  2. Wpisz Instaluj pakiety, aby wyświetlić menedżera pakietów.
  3. Wpisz upiększ w polu wyszukiwania.
  4. Wybierz atom-beautify lub jeden z innych pakietów i kliknij Zainstaluj .
  5. Teraz możesz użyć domyślnego skrótu klawiszowego dla atom-beautify CTRL+ ALT+, Baby upiększyć swój HTML ( CTRL+ OPTION+ Bna komputerze Mac).
Insygnia Stuarta
źródło
44
Przeciwnie, jest fajnie, że Atom ma najmniejszy możliwy rdzeń, dzięki czemu można zainstalować tylko to, co konieczne. tzn. Atom można wykorzystać do tworzenia aplikacji innych niż internetowe, które nie wymagają tych
formatów
7
Mogą istnieć niestandardowe instalacje, takie jak „Atom dla programistów WWW”, które zawierają najczęściej pobierane pakiety związane z tym tematem.
Ricardo
2
na przykład atom-beautify ma obecnie 689 927 pobrań ... 9 w ciągu ostatnich 10 minut, w tym moje!
Ricardo
4
atom-beautify jest pełen błędów. Nie działa na prawdziwych dokumentach. Niepoprawnie dodaje nowe wiersze w nagłówkach, jeśli obecne są elementy śródliniowe. Przejście z silnika JS Beautify na silnik Pretty Diff pogarsza sytuację - elementy wbudowane, takie jak <dfn>zawinięte w akapity.
Garret Wilson
5
Bardzo nie podoba mi się fakt, że atom-beautifynie wykorzystuje osobistych ustawień wcięć i / lub .editorconfigustawień. Po prostu formatuje wszystko na swój sposób.
Diti
13

Istnieje kilka pakietów do wstępnego sprawdzania HTML. Możesz je znaleźć, przeszukując archiwum pakietów Atom:

  1. Przejdź do strony Atom
  2. Kliknij link Pakiety
  3. Wpisz „prettify” w polu wyszukiwania

Lub po prostu przejdź do tego linku: https://atom.io/packages/search?q=prettify

Po wybraniu pakietu, który robi to, co chcesz, możesz go zainstalować za pomocą polecenia: apm install [package name]z wiersza polecenia lub zainstalować za pomocą interfejsu w Preferencjach.

Po zainstalowaniu pakietu postępuj zgodnie z instrukcjami, aby aktywować jego możliwości.

Zawietrzny
źródło
6

Możesz dodać pakiet kosmetyczny atom do formatowania tekstu w atomie ..

plik -> ustawienia -> Zainstaluj

następnie wpisz atom-beautify w obszarze wyszukiwania.

następnie kliknij przycisk Pakiet .. wybierz atom beuty i zainstaluj go.

następnie możesz sformatować tekst za pomocą (Alt + Ctrl + B) lub kliknij prawym przyciskiem myszy i wybierz upiększ zawartość edytora

Jayantha
źródło
0
  1. Przejdź do „Paczek” w edytorze atomów.
  2. Następnie w widoku „Paczki” wybierz „Widok ustawień”.
  3. Wybierz „Zainstaluj pakiety / motywy”.
  4. Wyszukaj „Atom Beautify” i zainstaluj go.
Ajay
źródło