Emmet notepad не работает: Почему не работает emmet в notepad++? — Хабр Q&A

Инструменты web-дизайнера

Что нужно для web-дизайна? Две программы:

• web-браузер
• текстовый редактор

Всё бесплатно, то есть, даром.

Какой браузер подойдет?

• Google Chrome – стандарт качества. Если мало оперативной памяти и открыто много вкладок, будет тормозить и зависать. Решение: закрой вкладки!
• Яндекс.Браузер, основан на движке Blink от Google. Значит, использовать Chrome или Яндекс.Браузер – одно и то же: страницы выглядят одинаково.
• Microsoft Edge последних версий, если уже стоит и не получается поставить Google Chrome. Тоже основан на движке от Google.
• Apple Safari, если операционная система – macOS.
• Mozilla Firefox, если операционная система – Linux.

Какой текстовый редактор подойдет?

• Microsoft Visual Studio Code (VS Code) или свободный аналог VSCodium . Не требует прав администратора для установки.
  Не спутай с Microsoft Visual Studio!
  Есть онлайн-версия, можно использовать с планшете или смартфоне!
  Русский язык настраивается после установки: нажать Ctrl+Shift+P, начать вводить Display Language, выбрать Configure Display Language (Настройка языка интерфейса).
  Если мало оперативной памяти, тормозит и зависает. Решение: закрой открытые файлы!
• Notepad++ – легкий и быстрый: можно открывать десятки файлов одновременно.
  Проблема: сложно настроить автодополнение кода Emmet. Настройка Emmet.
• AkelPad – ультралегкий и быстрый, можно открывать десятки файлов одновременно.
  Проблема: сложно настроить подсветку синтаксиса и автодополнение кода Emmet.
• Также подойдут: Atom, Sublime Text.

Не подойдут:

• Браузер Internet Explorer. Он встроен в Windows и в нем ничего толком не работает, но им до сих пор многие пользуются. Нужен профессионалам для тестирования сайтов.
• Текстовый редактор Notepad (блокнот), текстовый процессор Microsoft Word. Они не для web-дизайна!

Можно задизайнить сайт на смартфоне?

Можно: современный смартфон – это полноценный компьютер. Но долго и утомительно, если не подключить полноценные клавиатуру (например, по bluetooth) и экран.
Проверка работы сайта в мобильном браузере – важный этап тестирования.
Выбор мобильных браузеров тот же: Chrome, Firefox, Яндекс.Браузер. Есть даже Edge.

В качестве текстового редактора подойдет онлайн-версия Visual Studio Code.

Как работать: клавиатурные сокращения и автодополнение кода

В программах на персональном компьютере для частых действий используются клавиатурные сокращения. Частые действия снабдим подсказками, куда нажимать. Клавиша Ctrl в операционных системах от Apple – это ⌘.

• Открыть текстовый редактор, создать файл (Ctrl+N) и сразу сохранить (Ctrl+S) с расширением html и css. Теперь редактор знает, с каким типом файла работает.
• В редакторе с поддержкой Emmet для файла html: напечатать «!» (без кавычек), нажать ⏎ Enter. Появится разметка документа html пятой версии. Так работает автодополнение кода. Наполнить содержимым, сохранить (Ctrl+S).
  Шпаргалка по Emmet.
• В браузере открыть: новое окно (Ctrl+N) или новую вкладку (Ctrl+T). Открыть файл (Ctrl+O), выбрать html-файл.
• Просмотр кода web-страницы – Ctrl+U.
• Визуальный инспектор кода вызывается сочетанием клавиш Ctrl+Shift+C.
• Консоль разработчика – нажатие F12. Работает как калькулятор и здесь можно программировать на JavaScript. Если Mac, см. Консоль разработчика.
• Мало места в окне – полноэкранный режим при нажатии на F11.
• Быстрое переключение между окнами – Alt+Tab, между вкладками – Ctrl+Tab.
• Поиск – Ctrl+F, замена – Ctrl+H.
• Закрытие вкладки – Ctrl+W.
• Переносить по словам (все содержимое файла на экране) – Alt+Z
• Все зависло и не отвечает – вызвать диспетчер задач (Ctrl+Shift+Esc), дождаться появления окна, снять задачу.
• Изменить размер шрифта в VS Code – Ctrl+Shift+P, начать набирать слово zoom. Editor Font Zoom In – увеличить, Zoom Out – уменьшить.

Хостинг (куда выложить файлы для доступа по сети)

• Готовые web-проекты выкладывают на хостинг, который поддерживает все использованные технологии. HTML, CSS и JavaScript поддерживаются везде без исключения, потому что это технологии фронтенда. PHP, Python и другие технологии бэкенда поддерживаются не везде.
• lite.host – бесплатный хостинг с поддержкой языка PHP. После подтверждения регистрации по номеру телефона можно выкладывать файлы.
• Бесплатный хостинг для программистов (и не только): GitHub. Вся история изменений для каждого файла запоминается и хранится при помощи системе контроля версий Git. Только статические страницы, PHP и другие технологии бэкенда не заработают.
• GearHost: .NET and PHP Cloud Hosting годится для проектов с использованием PHP.
• Большой список бесплатных сервисов хостинга с PHP и MySQL.

Проверка, тестирование и обмен кодом

• Codepen. io (работают сокращения Emmet). После регистрации примерами можно делиться (например).
  В окно HTML вставляется код из тега <body>.
  В окно CSS копируется содержимое стилевого файла и/или содержимое html-тега <style>.
  Окно JavaScript можно скрыть.

Проверка разметки HTML и стилей CSS на ошибки

• Markup Validation Service на сайте Консорциума Всемирной паутины.
  Validate by URI – проверка страницы по указанному адресу; Validate by File Upload – проверка загруженного файла; Validate by direct input – проверка вставленного в поле кода.
• Сервис проверки CSS (на русском языке).
• Проверка кода на JavaScript описана в разделе Web-разработка.

Иструменты прототипирования веб-страниц

При создании веб-страницы обычно используют заранее придуманный макет: векторный рисунок, обладающий различными свойствами. При создании макета продумывают, работу сайта как интерфейса, какой он будет создавать пользовательский опыт взаимодействия. Для этого обычно используют векторный онлайн-редактор Figma.

python — Эммет — Notepad++ «Неизвестное исключение»

спросил 8 лет, 8 месяцев назад

Изменено 6 лет, 8 месяцев назад

Просмотрено 27 тысяч раз

Каждый раз, когда я пытаюсь использовать аббревиатуру Emmet Expand Abbreviation , возникают ошибки. Сначала всплывающее окно с Unknown Exception , а затем еще одно всплывающее окно с . Плагин скрипта Python не принял скрипт .

Я пытался переустановить Notepad++, но это не помогло.

Я использую Windows 8 x64 и Notepad++ 6.6.9. Это первый раз, когда я использую Emmet, после того, как недавно использовал старое кодирование Zen. (Что работает безупречно.)

У меня установлен python 2. 7, если это необходимо.

• питон
• блокнот++
• эммет

У меня была та же проблема, что и у вас. Это решение, которое сработало для меня:

• emmetio/npp Идентификатор ошибки № 12: плагин скрипта Python не принял скрипт

По сути, проблема заключается в плагине Python Script , который будет автоматически установлен вместе с Emmet.

Перейдите по этой ссылке:
http://sourceforge.net/projects/npppythonscript/files/Python%20Script%200.9.2.0/
и загрузите PythonScript_ full _0.9.2.0 пакет.

Замените пакет Python Notepad++ на PythonScript_ full _0.9.2.0 и распакуйте архив в основной каталог Notepad++. (Здесь находится notepad++.exe .)
(НЕ распаковывайте архив в каталог plugins . Это не сработает. Файл python27.dll должен находиться в том же каталоге, что и notepad++. exe .)

Я использую Notepad++ v6.6.9, и теперь он работает.

Более новая версия (PythonScript_1.0.8.0.msi) доступна здесь:

http://sourceforge.net/projects/npppythonscript/files/latest/download?source=files

У меня была точно такая же проблема на двух разных компьютерах, один Windows 7 и один Windows 8, оба 64-битные. Я установил MSI на компьютер с Win8, и это решило проблему.

Проверьте, не работают ли только сочетания клавиш, перейдя к пункту 9.0011 панель меню>плагины>emmet>расширитьаббревиатура . Если нажатие на это работает после ввода какого-либо синтаксиса emmet , но не при вводе сочетания клавиш, переназначьте сочетания клавиш. Вот что я сделал:

Посмотрите конкретно на menuBar> settings>shortcutMapper

под Главное меню-> «Вставить пустую строку выше текущей»

и увидеть, что ctrl + alt + введите там уже назначено.

Измените это на что-то другое (я сделал ctrl + alt + up ), и вы увидите, что ваши сочетания клавиш работают для emmet .

У вас есть 4 объекта (2 файла и 2 каталога), которые необходимо отсортировать:

• Поместите файл python27.dll в ГЛАВНЫЙ каталог следующим образом: %ProgramFiles(x86)%\notepad++\python27. dll

• Остальные файлы (каталог doc , каталог PythonScript , файл PythonScript.dll ) поместите в %ProgramFiles(x86)%\notepad++\plugins\ .

Это работает для Windows 8.

Также измените сочетание клавиш на ctrl + E или что-то другое.

Зарегистрируйтесь или войдите

Опубликовать как гость

Требуется, но не отображается

Опубликовать как гость

Требуется, но не отображается

Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания и подтверждаете, что прочитали и поняли нашу политику конфиденциальности и кодекс поведения.

Расширение EMMET кода VS не работает в одном из файлов HTML (все остальные файлы работают отлично)

спросил 2 года, 1 месяц назад

Изменено 11 месяцев назад

Просмотрено 3к раз

Я работаю над проектом с несколькими страницами, используя код VS. У меня проблема с расширением EMMET, которое не работает только в одном из них (оно работает в CSS и других файлах HTML, содержащих один и тот же заголовок)

Мой settings.json выглядит так

 "emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
    "*html": "html",
    "javascript": "реакция javascript",
    "машинопись": "машинопись реагировать"
  },
 

Я проверил свой файл HTML, если он не содержит неправильного синтаксиса, который мешает работе EMMET, и сбросил всю среду, и это все еще происходит. 9

ПРИМЕЧАНИЕ. Этот ответ должен быть полезен пользователю, переходящему с Windows на Linux.

Получил ту же ошибку после перехода на Ubuntu из Windows. В моем случае проблема была с некоторыми настройками, которые были для windows. Я убрал строки с ошибками и emmet заработал корректно.

Строка ошибки:

 "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"
 

Попробуйте посмотреть настройки VS Code в JSON, и вы можете найти любую ошибку, которая может решить вашу проблему.

В моем случае проблема заключалась в том, что в моем файле HTML было несколько тегов с кодом R, которые включают множество назначений с <- . Эммет, вероятно, не смог проанализировать файл из-за того, что они выглядели как открытые теги. Замена каждого экземпляра < в тегах на < решил проблему.