Настраиваем Emmet в notepad++
- Подробности
- Категория: Программы
- Просмотров: 9430
Emmet - это скорость набора тегов для веб-верстальщиков...сокращенные команды+определенная клавиша и страница может быть заполнена...давайте настроим emmet для текстового редактора notepad++
Сразу небольшое отвлечение, до недавнего времени я страдал от того, что emmet попросту не работал в моем notepad++ и меня это очень сильно коробило и вот сегодня я разобрался, оказывается причина была в том, что дополнительный плагин - Phyton Script, который нужен для работы Эммета - он либо кривой, либо что-то еще...так вот
Если у вас не работает Emmet
то качайте вот эту версию PythonScript тут - просто скачайте и установите как программу и все заработает.
В новых версиях может не заработать, тогда качаем сам Emmet потом отсюда https://github.com/emmetio/npp . Далее содержимое распаковываем в папку с плагинами C:\Program Files (x86)\Notepad++\plugins и файл там отдельно лежит его тоже в эту же папку. Потом перезагрузить notepad++ и его увидите в плагинах. Горячая клавиша установлена по умолчанию ctrl + alt + Enter.
Настройка Emmet в notepad++
Для настройки нам нужно сделать лишь два действия:
- Заходим сюда «опции->горячие клавиши->Plugin commands» - видим первое Expand Abbreviation - это как раз главная клавиша, вернее сочетание клавиш, нажав их и происходит превращение. Например: набрали div затем нажали это сочетание и вуаля, вот вам и открывающийся и закрывающийся тег. Там по умолчанию стоит сочетание ctrl+alt+enter но оно у многих не работает, да и говорят не удобно, поэтому два раза щелкнув меняем на Alt+Z.
- Далее видим Wrap with Abbreviation - это быстрая вставка кода в текст, удобная оказывается штука. Тут меняем на Alt+ctrl+Z,
Примеры
1. Для простой команды Alt+Z я уже показал, весь список смотрите тут - горячие клавиши Emmet
2. Для Wrap with Abbreviation:
Наберите или скопируйте это:
Главная
Продукты
О нас
Контакты
Далее нажмите Alt+ctrl+Z и всплывет окно и в него вставьте это ul>li*>a и вы увидите волшебство и вы увидите это:
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/">Продукты</a></li>
<li><a href="/">О нас</a></li>
<li><a href="/">Контакты</a></li>
</ul>
Вот так вот...)