Sublime Text 3 automatycznie zamyka tagi HTML

8

Niedawno zacząłem używać Sublime Text 3 zamiast mojego starego zwykłego edytora, Brackets. Kiedy piszę HTML w nawiasach, wpisałbym: ( |reprezentuje kursor)

<div>|

A Nawiasy automatycznie generują tag zamykający, tak jak:

<div>|</div>

Jeśli po tym naciśniesz Enter, otworzy się i automatycznie wciśnie tag:

<div>
    |
</div>

Widziałem kilka innych odpowiedzi opisujących użycie skrótu klawiaturowego. Ale czy jest sposób, aby zrobić to całkowicie automatycznie w Sublime Text 3?

Edycja: Umiejętność wykonania drugiej połowy tego, co opisuję, nie jest wbudowaną funkcją nawiasów, ale wtyczką . Oto przykład:

wprowadź opis zdjęcia tutaj

sublime-text-3 clxe
źródło
1
Z mojego doświadczenia wynika, że ​​nie uzupełnia się automatycznie, o co prosiłeś. Ale kiedy wpiszesz powiedz na przykład <title> bla bla bla, a następnie wpisz „</” - automatycznie kończy się dodając „title>” - tworząc w ten sposób „</title>”. Notepad ++ nawet tego nie robi
Prasanna

Odpowiedzi:

11

Aby uzyskać autouzupełnianie tagów (i mnóstwo innych fajnych funkcji), sprawdź Emmetwtyczkę, znaną wcześniej jako Zen Coding. Na przykład pisanie divTabdaje ci

<div>|</div>

i uderzenie Enterdaje ci

<div>
    |
</div>

Jego składnia oparta jest na selektorach CSS, dzięki czemu możesz szybko robić dość skomplikowane rzeczy. #page>div.logo+ul#navigation>li*5>a{Item $}Tabdałby ci:

Mrówka

MattDMo
źródło
Zgodzić się. Wierzę, że Emmet również automatycznie zamyka tag, gdy masz otwarty tag i wpisz</
bunt
To niesamowita wtyczka. To sprawia, że ​​pisanie HTML jest tak proste, jak pisanie Slim Template. Teraz, jeśli tylko mogłoby to ułatwić czytanie.
stal
0

Jest wtyczka, której używam, która automatycznie zamyka tagi, jak opisano powyżej, o nazwie Auto Close .

Możesz zainstalować go za pomocą Kontroli pakietów, wyszukując „Automatyczne zamykanie”.

seanCodes
źródło
-1

Miałem ten sam problem w systemie Windows i może ludzie na kilku forach sugerowali mi usunięcie i ponowne zainstalowanie Sublime 3. Ale problem nie został rozwiązany. Nie znam przyczyny problemu. wydaje się, że wystąpił problem z zainstalowanymi pakietami lub skonfigurowanymi ustawieniami. W ten sposób rozwiązałem problem.

W systemie Windows 10

przejdź do C: \ Users \ YOUR_USER_NAME \ AppData \ Roaming \ Sublime Text 3

Usuń foldery i zawartość z tego folderu rozwiąże ten problem.

W systemie Linux

Odwróć proces opisany w https://packagecontrol.io/installation

Jest pewien problem związany z tym, że wszystkie zainstalowane pakiety zostaną usunięte. Musisz ponownie zainstalować potrzebne pakiety.

Pamiętaj więc o zanotowaniu i ponownym zainstalowaniu wszystkich potrzebnych wtyczek.

Jishnu Venugopal
źródło
2
Przeczytaj uważnie pytanie ponownie. Twoja odpowiedź nie odpowiada na pierwotne pytanie. Instalacja OP nie jest zepsuta, prosi o dodatkową funkcjonalność.
DavidPostill