Эммет (программное обеспечение)
| Разработчик(и) | Эмметио |
|---|---|
| Репозиторий | |
| Написано в | TypeScript, JavaScript |
| Лицензия | Лицензия MIT |
| Веб-сайт | Эммет |
Эммет (ранее Zen Coding [ 1 ] ) — набор плагинов для текстовых редакторов , позволяющий быстро кодировать и редактировать HTML , XML , XSLT и другие форматы структурированного кода с помощью Content Assistant . Проект стартовал Вадимом Макеевым в 2008 году. [ 2 ] и продолжает активно развиваться Сергеем Чикуёнком и пользователями Emmet. С 2015 года Микаел Гелецян. [ 3 ] отвечает за UX в Emmet. Инструменты были включены в несколько популярных текстовых редакторов , а также в некоторые плагины, разработанные командой Emmet, и другие, реализованные независимо. Однако Emmet в первую очередь независим от любого текстового редактора, поскольку движок работает непосредственно с текстом, а не с каким-либо конкретным программным обеспечением. [ 4 ]
Emmet имеет открытый исходный код под лицензией MIT .
Функции
[ редактировать ]Развернуть сокращения
[ редактировать ]Emmet использует особый синтаксис для расширения небольших фрагментов кода, похожих на селекторы CSS, в полноценный HTML-код. [ 5 ] Например, последовательность
div#page>div.logo+ul#navigation>li*5>a
или
#page>.logo+ul#navigation>li*5>a
расширяется в
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
Функция расширения сокращений включает в себя несколько других сложных функций, таких как обертывание раздела кода расширенным кодом. [ 6 ]
Балансировка тегов
[ редактировать ]HTML Pair Matcher позволяет пользователям находить соответствующий тег открытия/закрытия для тега в текущей позиции курсора. В отличие от других средств сопоставления пар HTML, Emmet выполняет поиск с текущей позиции курсора, а не сканирует документ с начала. [ 7 ]
Текстовые редакторы
[ редактировать ]Плагины для следующих текстовых редакторов были разработаны командой Emmet.
- Аптана/Eclipse (кроссплатформенный).
- Блокнот++ (Windows)
- NetBeans (кроссплатформенный)
- ТекстМейт (Mac)
- Кода (Mac)
- Komodo Edit/IDE (кроссплатформенный)
- PSPad (Windows)
<textarea>(на основе браузера)- Кронштейны (кроссплатформенные)
Следующие плагины текстового редактора были разработаны сторонними группами с использованием официального движка Emmet.
- Атом (кроссплатформенный)
- Dreamweaver (Windows, Mac)
- Редактор Bluefish (кроссплатформенный)
- Sublime Text (кроссплатформенный)
- Visual Studio (Windows)
- Код Visual Studio (кроссплатформенный)
- gedit (кроссплатформенный)
- УльтраЭдит (Windows)
- ТопСтиль (Windows)
- BBEdit / TextWrangler (Mac)
- Эмредитор (Windows)
Следующие плагины текстового редактора были разработаны независимо и на другом движке Emmet.
- Emacs (кроссплатформенный)
- IntelliJ IDEA / WebStorm / PhpStorm (кроссплатформенный)
- RJ TextEd (Windows)
- Тинт Про (Mac)
- Вим (кроссплатформенный)
Ссылки
[ редактировать ]- ^ Роча, Зенон (26 марта 2013 г.). «Прощай, Zen Coding. Привет, Эммет!» . Разрушительный журнал . Smashing Magazine GmbH . Проверено 15 марта 2015 г.
- ^ "Zen HTML — Пепелсбей.net" . pepelsbey.net .
- ^ «Кредиты» . emmet.io . Проверено 27 ноября 2018 г.
- ^ «Дзен-кодирование: быстрый способ написания кода HTML/CSS» . 21 ноября 2009 г.
- ^ «Искусство дзен-кодирования: вывод сниппетов на новый уровень» . mondaybynoon.com .
- ^ «Если вы кодируете HTML, Zen Coding изменит вашу жизнь» . 22 января 2013 г. Архивировано из оригинала 22 января 2013 г.
- ^ «Дзен-кодирование: быстрый способ написания кода HTML/CSS» . 21 ноября 2009 г.