¿Qué es Emmet (Zen Coding)? ¿Como instalarlo?

Emmet (Zen Coding)

Emmet es un conjunto de complementos para editores de texto que permiten la codificación y edición de alta velocidad en HTML, XML, XSL y otros formatos de código estructurado a través de la asistencia de contenido. Emmet, escribe código HTML y CSS a base de abreviaciones.
Para los desarrolladores de páginas web, que trabajan con archivos http, no es suficiente un editor de texto simple, se requiere en concreto para el frontend, Emmet da una vuelta de tuerca más para hacerte altamente productivo, se trata de un plugin que a base de escribir pequeñas abreviaciones genera grandes estructuras de código HTML y CSS.

A Emmet anteriormente conocido como Zed Coding, no es nada mas que un simple pero fantástico plugin para nuestros editores de código que nos permitirá escribir código html y css mediante abreviaturas y con solo presionar una tecla se convertirán en nuestro código, listo para editar.

Si no lo entiendes aun, aquí que te pongo este ejemplo de nuestra estructura básica de HTML.




Para empezar a trabajar con Emmet, lo podemos hacer bajandolo en forma gratuita de la página  de Emmet http://emmet.io/



Primero tenemos que instalar el controlador de paquetes de Sublime ingresando a: https://sublime.wbond.net/

Luego de bajar el paquete de Emmet, para instalar el plugin de Emmet hay que hacerlo en un editor de texto, en este ejemplo lo vamos a hacer en Sublime, para ellos vamos a Tools ( herramientas) y luego a "Install package control"
Una descripción mas detallada de como instalar Emmet en Sublime la pueden ver en:
http://www.falconmasters.com/recursos-herramientas/como-instalar-emmet-zen-coding-sublime-text/



Si todo salió correctamente vamos a ver el siguiente mensaje

y listo a usarlo no mas.

Referencias:

Comentarios

Entradas más populares de este blog

ESCANEO DEL CODIGO PDF417 DEL DNI (Documento Nacional de Identidad digital)

¿Que tipos de Mensajes de HL7 hay?

¿Que es Razor?