Para escribir código basta con el editor de texto más sencillo de tu sistema operativo llámese Bloc de Notas, Gedit, Kate o TextEdit. Pero todos los que trabajamos desarrollando código sabemos que escribir en un editor de texto plano equivale a darle a la cajera del supermercado una libreta y un boli (Con un poco de piedad una calculadora también). Una tarea posible en la teoría, pero imposible en la práctica. Cada vez tenemos editores más complejos y con más funcionalidades que ya no solo se limitan a colorear el código sino potentes herramientas de autocompletado, detección de errores en tiempo real, refactorización, etc.

Si desarrollas para la web, 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.

Los programadores somos vagos, reconócelo

Aunque parezca una contradicción estaréis de acuerdo conmigo en que a los programadores no nos gusta escribir código. Nos gusta resolver problemas, plasmarlo en código es un daño colateral para la mayoría. Siempre vamos a estar buscando la manera de escribiendo lo menos posible hacer más cosas, es la esencia de la programación.

El lenguaje HTML está muy bien, un lenguaje de marcas basado en XML que se basa en el uso de etiquetas y atributos. Fácil de procesar para la máquina y fácil de leer para el ser humano, aunque el que escribe el código no está tan de acuerdo con esto ya que es tedioso de escribir por repetitivo. Con Emmet se acabó para siempre lo tedioso, por fin nos podremos centrar en lo que de verdad importa, entregarlo a tiempo haciendo lo mínimo.

Como decíamos Emmet se base en pequeñas abreviaciones que generan grandes estructuras de código. Lo mejor es verlo con algunos ejemplos. Por ejemplo la siguiente línea: Seguir leyendo Emmet: Escribe código HTML y CSS a base de abreviaciones →