Sublime Text 3 fecha automaticamente as tags HTML

8

Recentemente, comecei a usar o Sublime Text 3 em vez do meu antigo editor usual, Brackets. Quando estou escrevendo HTML entre colchetes, digito: ( |representa o cursor)

<div>|

E os Brackets gerariam automaticamente a tag de fechamento, assim:

<div>|</div>

Se eu pressionar Enter depois disso, ele abrirá e recuará automaticamente a tag:

<div>
    |
</div>

Eu já vi várias outras respostas que descrevem o uso de um atalho de teclado. Mas existe uma maneira de fazer isso automaticamente no Sublime Text 3?

Edit: A capacidade de fazer a segunda metade do que estou descrevendo não é um recurso interno do Brackets, mas um plugin . Além disso, aqui está um exemplo:

insira a descrição da imagem aqui

clxe
fonte
11
Na minha experiência, ele não é preenchido automaticamente conforme solicitado. Mas quando você digita digamos, por exemplo, <title> blá blá blá, digite "</" - ele é concluído automaticamente adicionando "title>" - tornando-o "</title>". Notepad ++ nem sequer fazer isso
Prasanna

Respostas:

11

Para obter o preenchimento automático de tags (e vários outros recursos interessantes), confira o Emmetplug - in, anteriormente conhecido como Zen Coding. Por exemplo, digitar divTabfornece a você

<div>|</div>

e bater Enterentão lhe dá

<div>
    |
</div>

Sua sintaxe é baseada em seletores CSS, para que você possa fazer coisas bastante complicadas rapidamente. #page>div.logo+ul#navigation>li*5>a{Item $}Tabdaria a você:

Emmet

MattDMo
fonte
Aceita. Acredito Emmet também auto fecha uma tag quando você tem uma tag aberta e tipo</
rebelião
Este é um plugin incrível. Torna a criação de HTML tão fácil quanto a criação de Slim Template. Agora, se isso pudesse facilitar a leitura.
steel
0

Eu tive o mesmo problema no Windows e algumas pessoas em vários fóruns me sugeriram remover e reinstalar o Sublime 3. Mas o problema não foi resolvido. Não sei a causa do problema. parece que ocorreu algum problema com os pacotes instalados ou com as configurações definidas. Eu resolvi o problema dessa maneira.

No Windows 10

vá para C: \ Users \ YOUR_USER_NAME \ AppData \ Roaming \ Sublime Text 3

Remova as pastas e o conteúdo dessa pasta para resolver esse problema.

No Linux

Inverta o processo descrito em https://packagecontrol.io/installation

Há algum problema que ocorre com isso: todos os pacotes instalados serão removidos. Você precisa reinstalar os pacotes necessários novamente.

Portanto, anote e reinstale todos os plugins necessários.

Jishnu Venugopal
fonte
11
Por favor, leia a pergunta novamente com atenção. Sua resposta não responde à pergunta original. A instalação do OP não está interrompida, ele está solicitando funcionalidades adicionais.
DavidPostill
0

Há um plug-in que eu uso que fecha automaticamente as tags, como descrito acima, chamado Fechamento automático .

Você pode instalá-lo através do Controle de Pacotes pesquisando "Fechamento automático".

seanCodes
fonte