Emmet - плагин для Sublime Text

Раздел: Софт » Sublime Text
Emmet - плагин для Sublime Text


Данный код я развернул при помощи всего двух клавиш - !, а затем Tab. Это одна из возможностей плагина Emmet для Sublime Text. Он представляет из себя набор сокращений для HTML и CSS языков, например, печатаем внутри стиля tac и жмем табуляцию. Строка превращается в
text-aligm:center;

Пример для стилей CSS представлен ниже:

Emmet - плагин для Sublime Text


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

Emmet - плагин для Sublime Text


Для HTML есть тоже куча разных сокращений, например, когда нужно создать div-class в коде я набираю вот так: .anyclass и нажимаю табуляцию. После чего строка разворачивается до полного вида, где каретка находится внутри тегов:
<div class="anyclass"></div>

или, например, вот такая комбинация:
div#page>div.logo+ul#navigation>li*5>a

развернет вот такой блок кода:
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>


Здесь так же предусмотрена и легендарная фраза Lorem ipsum dolor... , которая разворачивается при наборе первого слова, а если фраз нужно много, то ставим знак умножения: lorem*6 + tab.

У плагина есть собственный сайт и там куча материала, ссылки на скачивание и подробное описание. Все комбинации можно глянуть в мануале на офф. сайте: http://docs.emmet.io/cheat-sheet/


Понравилась статья "Emmet - плагин для Sublime Text" из раздела Софт » Sublime Text? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 2816   Дата: 15-дек-2014, 19:51

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика