Установка Zen Coding в Sublime Text 2

Sublime Text 2 - текстовый редактор, похожий на TextMate и работающий под Linux, Windows и Mac OSX.

Для установки Zen Coding в Sublime Text 2 нам понадобится бесплатный менеджер комплектации Sublime Package Control, который упрощает процесс поиска и установки плагинов.

Запустите Sublime Text 2, нажмите CTRL+` для открытия консоли и введите следующие комманды:

import urllib2,os;
pf='Package Control.sublime-package';
ipp=sublime.installed_packages_path();
os.makedirs(ipp) if not os.path.exists(ipp) else None;
urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler()));
open(os.path.join(ipp,pf),'wb').
write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read());
print 'Please restart Sublime Text to finish installation'

Сразу после установки нажмите клавиши Ctrl+Shift+P. В открывшемся окне впишите install. Вы увидите пункт «Package Control: Install Package». Жмите Enter и перезапускайте редактор.

Создайте новый файл (Ctrl+N), выберите синтаксис HTML (View → Syntax → HTML) и впишите:

html:5

Теперь смело жмите Tab и наслаждайтесь результатом:

Либо попробуйте Ctrl+Alt+Enter. Данная комбинация клавиш откроет специальную консоль, где можно вводить аббревиатуры для разворачивания.

Например:

dl+

На выходе получем:

<dl>
  <dt></dt>
  <dd></dd>
</dl>

Сочетания клавиш Zen Coding

Комбинация Значение
Ctrl + Alt + Enter HTML консоль
Tab Разворачивание аббревиатур

Предлагаю свою цветовую схему EditPlus. Она основана на одноименном редакторе EditPlus.

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

16 комментариев

по хронологии
по рейтингу сначала новые по хронологии

Что за дибил это написал?

"Вы увидите пункт «Package Control: Install Package». Жмите Enter и перезапускайте редактор."

Глупец..

Автор
Кобзарёв Михаил

А что вас смутило?

аноним

Да банально то, что вы забыли указать какой плагин нужно установить. Перечитайте свой пост внимательно

Нужно нажать на "Install Package" и выбрать в списке Zen Coding.

Сергей

Очень грубо 1337,человек помог с кодом,описал как всё установить.Остальное - думай сам.Можно и самому додуматься,что надо ещё этот плагин найти.

Сергей, первый коммент не мой =)

Но туториал действительно неполный.

Автор
Кобзарёв Михаил

Чего не хватает?

Владислав

Вы случаем не знаете в чем может быть проблема?

Заключается она в следующем:

На этапе - Сразу после установки нажмите клавиши Ctrl+Shift+P. В открывшемся окне впишите install. Вы увидите пункт «Package Control: Install Package». Жмите Enter....

Должно появится окошко с выбором пакетов, но ни чего не появляется(

На Ubuntu все встало нормально, на Win7 почему-то такая проблема.

Алексей

Как поставить на семёрку? Люди, помогите!!!))

Не хочу из-за этого плагина на XP переходить.

Автор
Кобзарёв Михаил

А в чем проблема?

Алексей

Должно появится окошко с выбором пакетов, но ни чего не появляется..

Алексей

После того, как нажимаю Package Control: Install Paskage, в консоли появляется сообщение об ошибке: UnicodeDecodeError: 'ascii' codec can't decode byte 0xcf in position 68: ordinal not in range(128)

Автор
Кобзарёв Михаил

Попробуйте погуглить по строке с ошибкой - тут дело не в ОС.

А как удалить его?

Удалить:

1. ctrr+shift+P

2. Package Control: Remove Paskage

Там вообще много что можно после Package Control: смотрите сами

Emmet - плагин который надо установить