Уроки по программированию

Настройка emmet под notepad++

Открыл для себя очень полезный плагин, который ускорит работу любого верстальщика. Плагин называется emmet. Постараюсь объяснить принцип работы, допустим у нас есть аббревиатура СССР и по нажатию на определенные клавиши вместо СССР мы получаем полную расшифровку — Советский Союз Социалистических Республик. Примерно в таком ключе работает emmet. Пример

//Допустим нам нужно получить код
<ul>
	<li><a href="#"></a></li>
	<li><a href="#"></a></li>
	<li><a href="#"></a></li>
	<li><a href="#"></a></li>
</ul>

//для этого достаточно набрать в notepad++ следующую строку
ul>li*4>a[href="#"]

//затем нажать горячие клавиши и мы получим нужный нам результат

Сложности с установкой не должно возникнуть. Выбираем пункт Плагины -> Plugin Manager -> Show Plugin Manager в списке находим Emmet ставим галочку жмем install и соглашаемся со всеми пунктами. После установки проверяем работу плагина вбиваем в блокнот строку:

ul>li*4>a[href="#"]

Далее идем в меню Плагины -> Emmet -> Expand abbreviation после этого должны получить следующий код
2016-04-09_06-30-47

<ul>
	<li><a href="#"></a></li>
	<li><a href="#"></a></li>
	<li><a href="#"></a></li>
	<li><a href="#"></a></li>
</ul>

Если у вас ничего не изменилось, то скорее всего некорректно работает плагин python script. Для этого идем на сайт скрипта и переустанавливаем его — Сайт скрипта

2016-04-09_06-25-33

Устанавливаем и пробуем по новой.
Всю необходимую информацию по синтаксису emmet можно посмотреть на официальном сайте — http://docs.emmet.io. Затраченное время на документацию оправдает себя при создание первой же верстке.

Комментарии к статье

  • Оставьте первый комментарий - автор старался

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *