Установка 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 + EnterHTML консоль
TabРазворачивание аббревиатур

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

Ссылки

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

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

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

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

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

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

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

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

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

Удалить:

1. ctrr+shift+P

2. Package Control: Remove Paskage

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

Алексей

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

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

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

Алексей

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

Алексей

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

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

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

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

Владислав

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

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

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

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

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

Сергей

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

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

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

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

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

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

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

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

Глупец..

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

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

аноним

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