установка emmet для sublime

Emmet для Sublime text: установка

Emmet — плагин, ускоряющий написание HTML и CSS кода. Статья поможет установить плагин для Sublime text.

Emmet — плагин, ускоряющий написание HTML и CSS кода, за счёт сокращений. Например, в пустом документе достаточно поставить ! и нажать Tab, чтобы получить заготовку страницы с базовой разметкой.

базовая разметка в emmet

Emmet в википедии

Emmet (ранее Zen Coding) — набор плагинов для текстовых редакторов, которые в некоторой степени ускоряют написание кода HTML, XML, XSL, а также кода на некоторых других языках. Проект был начат Вадимом Макеевым в 2008 году и активно разрабатывается Сергеем Чикуенком начиная с 2009 года, а также сообществом пользователей Zen Coding на основе идеи Zen Coding 2.0.

Emmet доступен для всех популярных текстовых редакторов, но эта заметка о том, как установить Emmet для Sublime text.

Установка Package Control для Sublime text

Прежде, чем ставить Emmet, нужно поставить «Package Control» — это менеджер плагинов для редактора Sublime text. С его помощью вы сможете ставить и другие плагины в пару кликов.

Нужно открыть поле ввода кода: View -> Show Console
Установка Package Control на Саблайм

Скопируйте код целиком и вставьте в текстовое поле, как указано на скриншоте ниже.

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

В нижнее, маленькое поле ввода.
Установка Package Control на Саблайм, шаг 2

После чего нажнмите Enter и перегрузите редактор.

Теперь займёмся основным делом и установим таки Emmet.

Установка Emmet на Sublime text

После того, как поставили Package Control, запустим его:

В появившееся окно вбиваем «Package Control: Install Package» и выбираем нужный пункт. В окне работает автоподбор, так что всё целиком вбивать не обязательно. Смотрите скриншот.
Установка Emmem, шаг 1

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

Когда отобразилось следующее окно, вбиваем в строку поиска «Emmet». Выбираем первый пункт и кликаем в него.
Установка Emmet на Sublime text, шаг 2

Когда плагин установится, в Sublime text откроется новая вкладка с благодарностью.
успешная установка плагина Emmet для Sublime text

Значит, Emmet установлен успешно и им можно пользоваться.

См. ещё «Emmet: автоматическая замена синтаксиса»