Emmet notepad не работает – В плагинах notepad++ нету emmet и их оф сайт не работает чтобы поставить вручную, что делать?

emmet notepad не работает | Все о Windows 10

На чтение 6 мин. Просмотров 2 Опубликовано

Emmet — это скорость набора тегов для веб-верстальщиков. сокращенные команды+определенная клавиша и страница может быть заполнена. давайте настроим emmet для текстового редактора notepad++

Сразу небольшое отвлечение, до недавнего времени я страдал от того, что emmet попросту не работал в моем notepad++ и меня это очень сильно коробило и вот сегодня я разобрался, оказывается причина была в том, что дополнительный плагин — Phyton Script, который нужен для работы Эммета — он либо кривой, либо что-то еще. так вот

Если у вас не работает Emmet

то качайте вот эту версию тут — просто скачайте и установите как программу и все заработает..Урааааааааа.

Настройка 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 и вы увидите волшебство и вы увидите это:

Более новые статьи:
  • Если вас достали крякозябры в 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. Осталось повесить горячие клавиши на любимые команды.

ZenCoding, Emmet в Notepad++ настройка

ZenCoding

Zen Coding —это набор плагинов для текстовых редакторов, которые в некоторой степени ускоряют написание HTML, XML, XSL кода

Преимущества Zen Coding над Emmet.

Первый написан на родном JavaScript поэтому работает значительно быстрее чем Emmet который еще дополнительно вызывает python скрипты

Полезные ссылки:

Emmet описание на русском
Emmet официальный сайт (ENG)

 Скачать Zencoding Notepad++.zip

Список команд

 Скачать ZencodingCheatSheet PDF

Установка Emmet для Notepad++

Откройте Plugin Manager и установите плагин

Настройка горячих клавиш осуществляется через Опции->Горячие клавиши->Plugin Commands

Если плагин не работает и выводит сообщения об ошибках, то установитe Python Script

Установка ZenCoding для Notepad++

Скачайте плагин по ссылке http://code.google.com/p/zen-coding/downloads/list

Скопируйте содержимое архива в папку Notepad++/plugins/

По-умолчанию Ctrl+E для раскрывания выражения

Если нужно изменить горячие клавиши, тогда нужно открыть файл

/Notepad++/plugins/NppScripting/includes/Zen Coding.js

Перейти на строку 7998 или найти

addMenuItem('Expand Abbreviation'
И изменить в ней сочетание клавиш, например на CTRL + =

сохранить и перезапустить Notepad++

Настройка автодополнения в Notepad++

Демонстрация автодополнения

Горячая клавиша запуска автодополнения CTRL + SPACE (только для функций)

Notepad++ Explorer plugin

Данный плагин превращает Notepad++ в IDE, которой можно сохранять пути к папкам папки, и таким образом образовывать из них папки проектов

Установка:

Демонстрация возможностей:

Кнопки управления списком папок

Не работает emmet в Notepad++

Вопрос: не работает @media в css


Привет! обращаюсь к вам людишки дорогие. уже голова на розкол... помогите с вопросом. дело обстоит так:
пытаюсь изменить начинку контейнера так чтоб при отображении на мобильном девайсе изменялась к примеру цвета #head,#bodyL,#body,#bottom на белый и добавлялась рамка (тупо но вопрос обстоит не об этом. только пример)
код HTML:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
.......
<link rel="stylesheet" href="css/screen.css" type="text/css">
</head>
<body>
        <div>
            <div>меню</div>   
            <div>сонтент левый</div>
            <div>тело</div>
            <div>дно сайта</div>
        </div>
</body>
</html>
и код CSS:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#container{min-width:300px; margin:0 auto;  max-width:600px;}
#head{height:60px; position:relative; background:#D60000;}
#bodyL{float:left; width:150px; background:#908888; height:400px;}
#bodyR{float:right; width:150px; background:#f1f1f1; height:400px;}
#body{ height:400px; margin:0 0 0 150px; background:#D6D6D6;}
#bottom{ height:100px; background:#000000;}
 
@media only screen and(max-device-width:600px)
{
    #head{height:60px;position:relative;    background:#FFFFFF;}
    #bodyL{float:left;width:150px;              background:#FFFFFF; height:400px;}
    #body{height:400px;margin:0 0 0 150px;background:#FFFFFF;}
    #bottom{height:100px;               background:#FFFFFF;}            
}
1.работаю с Notepad++ и у меня не отсвечиваются правила и выглядят как обычный текст. остальной синтаксис подсвечивается.
2.правило не активно в любом устройстве при любом разрешении экрана...
что не так? может я чео нить еще не знаю. может надо подключать дополнительные файлы? я уже устал искать и редактить код. понимаю что тупые вопросы но все ответы перепробовал и ничего.

Ответ: evikza, Хочу выразить вам огромную благодарность за выложенный ответ! действительно все так просто.... жаль что я не заметил сего в других ответах. весь вопрос на самом деле заключался в пробеле между скобкой и словом and. возможно именно для этого приходится задавать столь глупые вопросы. ведь в учебниках забывают указать все что только можно. ну что же я поехал дальше. в переди лучший в мире сайт по безопасности в сети ))))))))) Путь далек) Всего хорошего!

Настройка emmet под notepad++ - Уроки от сайта Pro-Cod.ru

Открыл для себя очень полезный плагин, который ускорит работу любого верстальщика. Плагин называется 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. Затраченное время на документацию оправдает себя при создание первой же верстке.

Установка и настройка плагина Emmet на Notepad++ ⋆ SLUSAR.SU

Чтобы в Notepad++ корректно заработал плагин emmet, нужно немного постараться. Те, кто уже установил его, наверное столкнулись с проблемой использования. Сегодня рассмотрим, как же настроить работу emmet в Notepad++.
Итак, для начала установим его, сделать это можно нажав в меню на Плагины->Plugin Manager ->Show Plugin Manager в списке ставим галочку на emmet и жмем Install. После чего он появиться в списке плагинов:


Как видите, напротив Expand abbreviation у меня уже стоит Tab. Это гарячая клавиша для работы плагина. Чтобы поставить туда таб идем в меню в Опции->Горячие клавиши->Plugin Commands, где находим Expand abbreviation, выделяем его и под списком жмем на кнопку Modify. И в появившемся окошке указываем Tab.

Теперь проверим работу emmet, например набрав в текстовом редакторе команду html:5 и нажав Tab. Если ничего не произошло, это значит у вас не установился Python Script. Тогда закрываем Notepad++ и переходим на сайт http://npppythonscript.sourceforge.net/download.shtml, где скачиваем Download the MSI и устанавливаем.

Теперь снова запускаем Notepad++ и проверяем работу emmet плагина. Должно все работать.

—————————-
О православии можно узнать тут http://www.vsyvera.ru

Просмотры: 6 416

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

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