Emmet — это скорость набора тегов для веб-верстальщиков. сокращенные команды+определенная клавиша и страница может быть заполнена. давайте настроим emmet для текстового редактора notepad++
Сразу небольшое отвлечение, до недавнего времени я страдал от того, что emmet попросту не работал в моем notepad++ и меня это очень сильно коробило и вот сегодня я разобрался, оказывается причина была в том, что дополнительный плагин — Phyton Script, который нужен для работы Эммета — он либо кривой, либо что-то еще. так вот
Если у вас не работает Emmet
то качайте вот эту версию тут — просто скачайте и установите как программу и все заработает..Урааааааааа.
Настройка 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 и вы увидите волшебство и вы увидите это:
Более новые статьи:
- Если вас достали крякозябры в notepad++ то эта статья вам поможет справиться с ними.
«>Крякозябры в notepad++ достали решение проблем с кодировкой — 16/08/2016 08:50
Если не подключается phpStorm + MySQL на вашем компьютере — «локально», тупость, конечно, но бился 30 минут над решением, а оно под носом) и нигде инф …
«>Если не подключается phpStorm + MySQL на вашем компьютере — 04/07/2016 08:01
В notepad++ я долго искал как же мне выставлять пробелы или tab перед строками, прям уже так раздражало, что в sublime это с emmet сразу идет, а тут э …
Более старые статьи:
- Сегодня нам обязательно надо поговорить о кратких командах в emmet.
«>Emmet горячие клавиши — краткие команды — шпаргалка
Так может случиться, что В emmet не работает Tab у редактора Sublime text, и я тоже кучу всего перерыл в интернете, но не нашел. сделал сам. …
«>В emmet не работает Tab — Sublime text
Редактор Sublime text 3 — является прогрессивным решением в сфере редактирования кода. если вы профессионально занимаетесь сайтами, то он вам просто …
уроки front-end и back-end
Рубрики
Если вы уже начали писать проекты на html то пора вам ознакомиться с техниками ускорения написания кода, типа Zen Coding или Emmet. Наибольшую часть времени при работе с HTML занимает написание тегов. Длинные конструкции, особенно с написанием классов или id занимают очень много времени и являются рутинными операциями. Проекты типа ZenCoding и его дальнейшее развитие Emmet позволяет ускорить и автоматизировать данный процесс.
Для начала давайте установим плагин Emmet для Notepad++. Откройте Notepad++ и перейдите в Плагины → Plugin Manager → Show Plugin Manager. Найдите Emmet и установите его. При установке плагин потребует от вас установки Python script. Согласитесь на установку. А теперь внимание! Та версия Python script которая тянеться из репозитария устарела и не позволяет использовать Emmet, выдавая ошибку «unknown exception» и «Python Script Plugin did not accept the script». Как это исправить? Просто скачайте python script . Распакуйте архив и скопируйте в папку, где установлен Notepad++ все файлы. Если потребуется заменить некоторые файлы — соглашайтесь. Перезапустите Notepad++ и начинайте работу.
Принципы работы с Emmet
Принцип работы простой — вы пишете сокращенную формулу, после чего выбираете опцию Expand Abbreviation (Ctrl+Alt+Enter).
Давайте попробуем. Откроем новый документ и наберем html:5 после чего нажмем Ctrl+Alt+Enter. Итак, было:
Повелитель котов
Подружить Emmet с новой версией Notepad++
Сегодня прилетелело обновление на Notepad++ (v.7.6.6) и неожиданно сломался плагин Emmet. А без него я уже не могу. Сначала я не мог понять, почему не работают горячие клавиши, а потом увидел, что самого плагина нет. Полез разбираться. Оказалось, что с некоторых пор ветка 7.6.6 и выше изменила способ работы с плагинами.
Теперь в меню нет пункта Plugin Manager, вместо него теперь Plugins Admin. Но это полбеды, в новом менеджере не находится нужный плагин. Как я понял, разработчики плагинов должны как-то связаться с автором блокнота, чтобы добавить свой плагин.
Остаётся муторный способ — добавлять вручную. Убил полдня, чтобы разобраться с этими механизмом и пишу сюда на всякий случай, чтобы не забыть самому. Работает только под 32-битную версию, под 64-битную на свой страх и риск, там пока экспериментируют.
Итак, шаг первый — сначала следует установить плагин PythonScript. Скачиваем архив PythonScript_Full_1.3.0.0.zip и распаковываем в отдельную папку. Затем открываем папку %ProgramFiles(x86)%Notepad++plugins и создаём в ней новую папку PythonScript. Копируем файл PythonScript.dll из папки plugins распакованного архива и вставляем его в созданную папку %ProgramFiles(x86)%Notepad++pluginsPythonScript.
Копируем файл python27.dll из архива в папку %ProgramFiles(x86)%Notepad++.
Копируем папки scripts и lib из архивной папки pluginsPythonScript в созданную папку %ProgramFiles(x86)%Notepad++pluginsPythonScript.
Надеюсь, вы не запутались.
Второй шаг — установка плагина Emmet. Скачиваем архив emmet-npp.zip и распаковываем его.
Создаём в папке %ProgramFiles(x86)%Notepad++plugins новую папку EmmetNPP.
Копируем файл EmmetNPP.dll из архива и вставляем в созданную папку EmmetNPP.
Копируем все файлы и папки из папки EmmetNPP архива и вставляем в созданную папку EmmetNPP.
Теперь ваша папка ..pluginsEmmetNPP должна содержать файлы EmmetNPP.dll, _PyV8.pyd, editor.js, npp_emmet.py, PyV8.py и папку emmet.
Перезапускаем блокнот и видим в меню плагины Emmet и PythonScript. Осталось повесить горячие клавиши на любимые команды.