Установка 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+` для открытия консоли и введите следующие комманды:

[code]
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’
[/code]

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

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

[code]
html:5
[/code]

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

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

Например:

[code]
dl+
[/code]

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


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

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

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

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

Ссылки

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

  • sandivigen

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

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

    • DProf

      Удалить:
      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,человек помог с кодом,описал как всё установить.Остальное — думай сам.Можно и самому додуматься,что надо ещё этот плагин найти.

    • 1337

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

  • 1337

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

  • Alex

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

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

    Глупец..

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

      • аноним

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