Emmet (anteriormente Zen Coding [1] ) es un conjunto de complementos para editores de texto que permiten la codificación y edición de alta velocidad en HTML , XML , XSLT y otros formatos de código estructurado a través de la asistencia de contenido . El proyecto fue iniciado por Vadim Makeev en 2008 [2] y sigue siendo desarrollado activamente por Sergey Chikuyonok y los usuarios de Emmet. Desde 2015 Mikael Geletsyan [3] es responsable de UX en Emmet. Las herramientas se han incorporado a varios editores de texto populares., así como algunos complementos desarrollados por el equipo de Emmet y otros implementados de forma independiente. Sin embargo, Emmet es principalmente independiente de cualquier editor de texto, ya que el motor trabaja directamente con texto en lugar de con cualquier software en particular. [4]
![]() | |
Desarrollador (es) | emmetio |
---|---|
Repositorio | ![]() |
Escrito en | TypeScript, JavaScript |
Licencia | Licencia MIT |
Sitio web | https://emmet.io/ |
Emmet es de código abierto bajo la licencia MIT .
Nombre
Emmet es una palabra que originalmente significaba hormiga, un pequeño insecto que puede transportar más de 50 veces su peso. Esta palabra también es similar a "emitir", que es básicamente lo que hace Emmet cuando expande las abreviaturas.
Funciones
Expandir abreviaturas
Emmet utiliza una sintaxis específica para expandir pequeños fragmentos de código, similares a los selectores de CSS, en código HTML completo. [5] Por ejemplo, la secuencia
div#page>div.logo+ul#navigation>li*5>a
o
#page>.logo+ul#navigation>li*5>a
se expande en
< Div ID = "página" > < div clase = "logo" > div > < ul ID = "navegación" > < li > < un href = "" > a > li > < li > < un href = "" > una > li > < li > < un href = "" > una > li > < li > < un href = "" > una > li > < li > < un href = "" > a > li > ul > div >
La función expandir abreviaturas incluye varias otras funciones complejas, como envolver una sección de código con código expandido. [6]
Equilibrio de etiquetas
HTML Pair Matcher permite a los usuarios ubicar la etiqueta de apertura / cierre correspondiente para la etiqueta en la posición actual del cursor. A diferencia de otros comparadores de pares HTML, Emmet busca desde la posición actual del cursor en lugar de escanear el documento desde el principio. [7]
Editores de texto
Los complementos para los siguientes editores de texto fueron desarrollados por el equipo de Emmet
- Aptana / Eclipse (multiplataforma).
- Bloc de notas ++ (Windows)
- NetBeans (multiplataforma)
- TextMate (Mac)
- Coda (Mac)
- Komodo Edit / IDE (multiplataforma)
- PSPad (Windows)
- (basado en navegador)
- Bluefish (Linux / Windows / Mac)
- Soportes (multiplataforma)
Los siguientes complementos de editor de texto fueron desarrollados por grupos de terceros con el motor oficial de Emmet
- Atom (multiplataforma)
- Dreamweaver (Windows, Mac)
- Sublime Text (multiplataforma)
- Visual Studio (Windows)
- Visual Studio Code (multiplataforma)
- gedit (multiplataforma)
- AkelPad (Windows)
- UltraEdit (Windows)
- TopStyle (Windows)
- BBEdit / TextWrangler (Mac)
- EmEditor (Windows)
Los siguientes complementos del editor de texto se desarrollaron de forma independiente y con un motor Emmet diferente
Referencias
- ^ Rocha, Zeno (26 de marzo de 2013). "Adiós, Codificación Zen. ¡Hola, Emmet!" . Revista Smashing . Revista Smashing GmbH . Consultado el 15 de marzo de 2015 .
- ^ "Zen HTML - Пепелсбей.net" . pepelsbey.net .
- ^ "Créditos" . emmet.io . Consultado el 27 de noviembre de 2018 .
- ^ "Codificación Zen: una forma rápida de escribir código HTML / CSS" . 21 de noviembre de 2009.
- ^ "El arte de la codificación zen: llevar fragmentos a un nuevo nivel" . mondaybynoon.com .
- ^ "Si codifica HTML, Zen Coding cambiará su vida" . 22 de enero de 2013. Archivado desde el original el 22 de enero de 2013.
- ^ "Codificación Zen: una forma rápida de escribir código HTML / CSS" . 21 de noviembre de 2009.
enlaces externos
- Página del proyecto Emmet