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

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

сниппеты

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

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


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

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

Tools → Developer → New Snippet

st3 newSnip

 

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

<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 :

сниппет Sublime Text

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

вызов сниппета

 

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

 

 

Комментарии 0

*** чтобы писать комментарии.