Monday, August 11, 2014

Instalar EMMET en Sublime Text 3

Emmet (antes Zen-Coding) es un plugin desarrollado para optimizar la escritura de codigo en HTML / XML y CSS. También es compatible con Sublime Text 3 y estos son los pasos para su instalación.

Pasos:
1. Abrir la consola a través de la opción View -> Show Console



2. Ejecuta el siguiente código (extraido de sublime.wbond.net) en la consola:

import urllib.request,os,hashlib; h = '7183a2d3e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)


3. Reiniciar el editor
4. Abrir la Paleta de Comandos Tools ->Command Palette  (Ctrl+Shift+P)


5. Buscar y seleccionar “Install Package


6. En la nueva lista filtrar y seleccionar el nombre del plugin “Emmet


Para confirmar que el plugin ha sido instalado correctamente puedes ingresar el siguiente texto:
html:5 
y seguidamente al presionar la tecla Tab deberás tener una estructura básica de html5 listo para editar.


Nota: El archivo debe ser guardado previamente con el formato correcto (.html) para que las funciones de autocompletado funcionen.