Emmet es un plugin para muchos editores (Sublime, Brackets, Eclipse, Netbeans) que agiliza la manera de escribir código HTML en forma de abreviaciones.
<!doctype html>
<html lang="en">
<head>
<title>Demo</title>
</head>
<body>
<!-- Esta es la sintaxis de Emmet, tan solo presionamos Tab para que funcione -->
ul>li*5>{Item $}
</body>
</html>
Resultado:<!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> <li>Item 5</li> </ul> </body> </html>Para instalarlo en Sublime Text 3 seguiremos estos pasos
1. Instalar el Package Controller
2. Ir a View > Show Console
3. Pegar la siguiente cadena y presionar enter:
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)
4. Reiniciar Sublime Text 35. Presionar Ctrl + Shif + P y tecleamos y seleccionamos Install Package
6. Nos desplegara otro menú y buscamos Emmet y presionamos enter para instalar
7. Nos despliega un archivo Package Control Messages lo cerramos y listo tenemos instalado Emmet
podemos encontrar un poco mas de la sintaxis aqui
No hay comentarios:
Publicar un comentario