Как создать сниппет

Делаем сниппет для быстрого создания html разметки содержащую стили.

1. Tools - Developer - New Snippet
2. Вставляем код в <content>

<content><![CDATA[
    содержимое
]]></content>

3.Затем мы устанавливаем ключевое слово (триггер) внутри <tabTrigger>. После того как вы введете ключевое слово и нажмете tab, сниппет будет отображен на странице. В данном случае нужно нажать ht + tab

<snippet>
<content><![CDATA[
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
body {
padding: 0;
margin: 0;
}
.dog {
${1:this}
}
</style>
</head>
<body>
<div class="dog"></div>
</body>
</html>
]]></content>
<tabTrigger>ht</tabTrigger>
</snippet>

4. Сохранить как ht.sublime-snippet
Очень крутая статья про сниппеты.