Синтаксис сокращений Emmet. Часть 2

Продолжим рассматривать синтаксис сокращений Emmet.

Нумерация

Оператор умножения * создаёт повторяющиеся элементы, а спецсимвол $ генерирует нумерацию. Поместите $ в имя элемента или имя атрибута:

Результат:

Несколько символов $ добавляют лидирующие нули:

Результат:

Для изменения направления нумерации (по возрастанию, по убыванию) и начального значения используйте оператор @ после $. Порядок меняется символом минуса:

Результат

Читать далее Синтаксис сокращений Emmet. Часть 2

Синтаксис сокращений Emmet. Часть 1

Emmet преобразует сокращения в структурированные блоки кода, например, в HTML. Синтаксис сокращений похож на селекторы CSS с дополнениями для генерации кода. Например, скрещение

преобразуется в следующий код

после нажатия одной клавиши. Дополнительно, плагины для большинства редакторов поддерживаются перемещение между заданными точками в сгенерированном коде по горячей главиши.

Сокращения оптимизированы, но не ограничены, для генерации HTML и XML. Рассмотрим синтаксис сокращений.

Читать далее Синтаксис сокращений Emmet. Часть 1

Установка плагина Emmet (Zen-codding) для Notepad++

Логотип Emmit

Emmet — это плагин для редактора ускоряющий ввод HTML, CSS и XML разметки. Работает это так: вы вводите набор сокращений, нажимаете горячую клавишу и сокращение разворачивается в правильный блок разметки. Emmet реализован для многих популярных редакторов, в том числе для Notepad++.

Начнём установку. Сперва установите Python Script, он нужен для работы Emmet. Откройте Plugins->Plugin Admin, найдите там PythonScript и запустите установку.

В Plugin Admin нет плагина Emmet, поэтому скачайте его вручную по ссылке. Если у вас установлен Notepad++ 64х тогда скачайте версию отсюда. Версия Notepad++ отображается в окне ?->About Notepad++ или при нажатии F1.

Затем откройте каталог плагинов через меню: Plugins->Open Plugin Folder. Внутри него создайте каталог EmmetNPP. В него поместите dll из скачанного архива и разархивируйте внутренности папки EmmetNPP тоже из архива.

Перезапустите Notepad++, меню Emmet находится в пункте Plugins. Горячие клавиши для замены сокращений отображаются справа от пункта меню.

Меню Emmit в Notepad++

Горячие клавиши настраиваются на форме Settings->Shortcut mapper->Plugin commands. Удобно установить клавишу Tab для разворачивания сокращения.