Мова HTML. Плагін EMMET

Для чого потрібен Emmet
Проекти типу ZenCoding і його подальший розвиток Emmet дозволяє прискорити і автоматизувати даний процес

Sublime Text
Например, html + tab создаст готовый каркас для html-документа, а div.wrapper + tab превратится в

Встановлення Emmet
Потрібна вкладка «Package Control», вона знаходиться в «Preferences»

Package Control
«View -> Show console», «Вид -> Показать консоль». До рядку введення додаємо код:
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

Встановлення Emmet
«Preferences» («Глобальні налаштування»); використовуємо комбінацію клавіш «Ctrl + Shift + P», а потім натискаємо на «Package Control». «Install Package» («Встановити пакет») на шостому рядку.
Бачимо ще одне вікно, в яке потрібно ввести «Emmet», з'являється багато пропозицій, але нам потрібна найперша.

Після встановлення Emmet
набрати скорочення, натиснути Tab і Emmet розшифрує його в документі в повний текст.
Наприклад, якщо ви збережете новий документ в Sublime Text з розширенням html, наберете в редакторі «!» І натиснете Tab, то Emmet вставить наступний набір тегів

Синтаксис Emmet

Синтаксис Emmet

Синтаксис Emmet

Синтаксис Emmet

HTML скорочення

HTML скорочення

HTML скорочення

HTML скорочення

HTML скорочення

Синтаксис Emmet

Синтаксис Emmet

Скорочення CSS

Скорочення CSS

Скорочення CSS

Скорочення CSS

Створить за зразком

Створить за зразком

Створення списків
Свойство, определяющее тип маркера, - list-style-type. Используемые в примере значения:
circle — пустая окружность;
square — квадрат;
lower-latin — строчные латинские (английские) буквы;
upper-latin — прописные латинские (английские) буквы;
lower-roman — римские цифры из строчных букв;
upper-roman — обычные римские цифры.