Верх страницы
Время для прочтения: 0 мин. 14 сек.

Установка 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.

Ссылки

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

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, OpenCart, DLE, Laravel, Moonshine, Symfony, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

16 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Alex
Alex
12 лет назад

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

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

Глупец..

аноним
аноним
11 лет назад
Ответить на  Кобзарёв Михаил

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

1337
1337
12 лет назад

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

Сергей
Сергей
12 лет назад

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

1337
1337
12 лет назад
Ответить на  Сергей

Сергей, первый коммент не мой =)
Но туториал действительно неполный.

Владислав
Владислав
12 лет назад

Вы случаем не знаете в чем может быть проблема?
Заключается она в следующем:
На этапе — Сразу после установки нажмите клавиши Ctrl+Shift+P. В открывшемся окне впишите install. Вы увидите пункт «Package Control: Install Package». Жмите Enter….

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

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

Алексей
Алексей
12 лет назад

Как поставить на семёрку? Люди, помогите!!!))
Не хочу из-за этого плагина на XP переходить.

Алексей
Алексей
12 лет назад

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

Алексей
Алексей
12 лет назад

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

Логвиненко Александр

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

DProf
DProf
11 лет назад

Удалить:
1. ctrr+shift+P
2. Package Control: Remove Paskage
Там вообще много что можно после Package Control: смотрите сами

sandivigen
sandivigen
11 лет назад

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

Предыдущая запись
Следующая запись

Давайте дружить
в Telegram

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы