Sublime Text 3 cierra automáticamente las etiquetas HTML

8

Recientemente comencé a usar Sublime Text 3 en lugar de mi antiguo editor habitual, Brackets. Cuando estoy escribiendo HTML entre paréntesis, escribiría: ( |representa el cursor)

<div>|

Y Brackets generaría automáticamente la etiqueta de cierre, así:

<div>|</div>

Si presiono Enter después de eso, se abriría y sangraría automáticamente la etiqueta:

<div>
    |
</div>

He visto varias otras respuestas que describen el uso de un atajo de teclado. Pero, ¿hay alguna manera de hacerlo de forma completamente automática en Sublime Text 3?

Editar: La capacidad de hacer la segunda mitad de lo que estoy describiendo no es una característica incorporada de Brackets, sino un complemento . Además, aquí hay un ejemplo:

ingrese la descripción de la imagen aquí

clxe
fuente
1
En mi experiencia, no se completa automáticamente como lo solicitó. Pero cuando escribe digamos, por ejemplo, <title> blah blah blah, luego escriba "</": se completa automáticamente agregando "title>", lo que lo convierte en "</title>". Notepad ++ ni siquiera hace eso
Prasanna

Respuestas:

11

Para obtener el autocompletado de etiquetas (y un montón de otras características interesantes), consulte el Emmetcomplemento, anteriormente conocido como Zen Coding. Por ejemplo, escribir divTabte da

<div>|</div>

y golpear Enterte da

<div>
    |
</div>

Su sintaxis se basa en selectores CSS, por lo que puede hacer cosas bastante complicadas rápidamente. #page>div.logo+ul#navigation>li*5>a{Item $}Tabte daría:

Hormiga

MattDMo
fuente
De acuerdo. Creo que Emmet también cierra automáticamente una etiqueta cuando tienes una etiqueta abierta y escribe</
rebelión
Este es un complemento increíble. Hace que escribir HTML sea tan fácil como escribir Slim Template. Ahora, si solo pudiera, facilitar la lectura.
acero
0

Tuve el mismo problema en Windows y muchas personas en varios foros me sugirieron eliminar y reinstalar Sublime 3. Pero el problema no se resolvió. No sé la causa del problema. parece que ocurrió algún problema con los paquetes instalados o las configuraciones configuradas. Resolví el problema de esta manera.

En Windows 10

vaya a C: \ Users \ YOUR_USER_NAME \ AppData \ Roaming \ Sublime Text 3

Eliminar carpetas y contenidos de esa carpeta resolverá este problema.

En linux

Invierta el proceso descrito en https://packagecontrol.io/installation

Hay algún problema con esto: todos los paquetes instalados se eliminarán. Debe volver a instalar los paquetes necesarios nuevamente.

Por lo tanto, asegúrese de anotar y reinstalar todos los complementos necesarios.

Jishnu Venugopal
fuente
1
Por favor lea la pregunta otra vez cuidadosamente. Su respuesta no responde a la pregunta original. La instalación de OP no está rota, está pidiendo una funcionalidad adicional.
DavidPostill
0

Hay un complemento que uso que cerrará automáticamente las etiquetas como se describió anteriormente llamado Cierre automático .

Puede instalarlo a través de Package Control buscando "Auto Close".

seanCodes
fuente