Настраиваем Emmet в notepad++

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++

Для настройки нам нужно сделать лишь два действия:

  1. Заходим сюда «опции->горячие клавиши->Plugin commands» -  видим первое Expand Abbreviation - это как раз главная клавиша, вернее сочетание клавиш, нажав их и происходит превращение. Например: набрали div затем нажали это сочетание и вуаля, вот вам и открывающийся и закрывающийся тег. Там по умолчанию стоит сочетание ctrl+alt+enter но оно у многих не работает, да и говорят не удобно, поэтому два раза щелкнув меняем на Alt+Z.
  2. Далее видим 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>

Вот так вот...)

 

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


Защитный код
Обновить

Вы здесь: Сайтостроение Создание сайта Программы Настраиваем Emmet в notepad++