Как добавить свой сниппет в Sublime Text

Популярный редактор кода Sublime Text имеет множество полезных инструментов, среди которых плагин Emmet и его сниппеты.

Но помимо предустановленных, так же можно добавлять и свои уникальные сниппеты. Делается это просто, так как в Sublime есть для этого специальные инструменты.

---

Добавляем свой сниппет в Sublime Text

Чтобы создать свой собственный уникальный сниппет, нужно в меню перейти по следующему пути:

Tools → Developer → New Snippet

 

В открывшейся странице мы увидим код для установки сниппета. Он следующего содержания:

<snippet>
  <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <!-- <tabTrigger>hello</tabTrigger> -->
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <!-- <scope>source.python</scope> -->
</snippet>

 

Удаляем содержимое в строке 3 следующего содержания:

Hello, ${1:this} is a ${2:snippet}.

 

и вставляем в этом месте код своего нового сниппета.

Например, я в этой строке вставлю код подключающий библиотеку jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

 

---

Теперь чтобы сниппет вызывался при нажатии на кнопку Tab↹, нужно раскомментировать строку 6 исходника и вместо hello прописать набор символов после набора которого и нажатия клавиши Tab↹ будет разворачиваться заданный для сниппета код.

Я усложнять себе сниппет не буду и коротко укажу jq

---

 

Для сохранения сниппета нажимаем на клавиатуре Ctrl + S - в открывшемся окне даём название файлу сниппета, такое же как и код сниппета, то есть у меня это jq

 

Собственно весь процесс создания сниппета в Sublime Text 3:

---

Теперь чтобы вызвать код этого сниппета, достаточно набрать в нужном месте jq и нажать клавишу Tab↹

 

Код сниппета может быть от небольшого однострочного фрагмента до большого кода на тысячи строк.