Emmet


Zen Coding, ahora se llama Emmet

Instalación

Primer instalamos Package Control. Para ello abrimos sublime text, abrimos la consola desde el menú View / Show console, pegamos el texto de abajo y pulsamos enter. Reiniciamos sublime cuando acabe .

import urllib2,os; pf=’Package Control.sublime-package’; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),’wb’).write(urllib2.urlopen(‘http://sublime.wbond.net/’+pf.replace(‘ ‘,’%20’)).read()); print ‘Please restart Sublime Text to finish installation’

Si teneis algun problema consultad la página para usar la instalación manual.

Una vez instalado el Package Control instalaremos Emmet, para ello vamos al menú Preferences / Package Control. Aparecerá una ventana, donde seleccionamos “Package Control: Install package” (aviso que al menos en mi ordenador, si cambio a otra ventana una vez abierto el package control este desaparece, por lo que tengo que volver a repetir la acción de abrirlo). La ventana pasa a ser un buscador de paquetes, así que si escribimos Emmet, nos tendría que salir en la primera posición. Lo seleccionamos y automáticamente se instalará junto con otra extensión necesaria llamada PyV8.

Al acabar reiniciamos sublime text por si acaso y ya podemos comenzar a usarlo. Para probar si funciona, es tan sencillo como crear un archivo .html escribir div y pulsar la tecla tabulador: nos lo sustituirá por el siguiente código <div></div>.

Para más información de las abreviaciones consultad la guia de Emmet

También esta disponible una chuleta para tener a mano la sintaxis

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s