¿Hay alguna forma de que Sublime Text 2 complete automáticamente los atributos de HTML?

Question

Me preguntaba si hay una manera de obtener Sublime Text 2 para autocompletar atributos HTML como en Aptana.

Answer 1

Autocompletar está habilitado de forma predeterminada cuando usa "<" y su etiqueta y luego presiona enter. Entonces, si ingresa <p y luego presiona enter, terminará el par de etiquetas para usted ... donde terminará con <p></p> y su cursor estará en el medio. Puede cambiar esto a la pestaña si lo prefiere pegando lo siguiente en sus Preferencias -> Configuración - archivo de usuario:

{ 
    "auto_complete_commit_on_tab": true 
} 

Esto anulará el valor predeterminado false para la terminación de la pestaña. De nuevo, eso solo es así si desea usar tabulación en lugar de ingresar.

Answer 2

Puede intentar utilizar el paquete emmet. Fue hecho específicamente para html & finalización del código css. Para obtener más información, debe leer the documentation.

Answer 3

Oye, puede probar https://github.com/agibsonsw/HTMLAttributes o instalar a través del paquete de control de paquete llamado "HTMLAttributes";). Funciona para mí Por ejemplo, escriba:

<p luego presione la barra espaciadora, luego ctrl + espacio y obtendrá la lista de atributos.

Answer 4

Estaba teniendo el mismo problema; aunque utilizo ambos paquetes de complementos HTMLAttributes y Emmet, ninguno proporciona la funcionalidad de autocompletar que estaba buscando que es similar a la de Dreamweaver.

Solución: Encontré un paquete llamado SublimeCodeIntel que hace exactamente lo que necesitaba.

Ejemplo: Codigo los correos electrónicos html y hago un montón de CSS en línea. objetivo final:

<td style="vertical-align:top;"> 

Después de instalar SublimeCodeIntel, escribí <td style="v y una lista de las propiedades CSS a partir de muestra "v".

Utilizando las teclas de flechas, selecciono vertical-align y pulse tab para confirmar, a continuación, escriba la letra "t" y una lista de valores CSS muestra ahora.

selecciono toptab y pulse de nuevo para confirmar mi selección.

Nota: Puede crear fragmentos predefinidos para Emmet para propiedades CSS indefinidas, pero quería algo "fuera de la caja" en lugar de tener que a) aprender a crearlos a través de la documentación (aunque estoy seguro de que es simple) , yb) crear un fragmento cada vez que me encontré con una propiedad/valor CSS indefinido como vertical-align.

Espero que esto ayude.