Inter-Net.PRO

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

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


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

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

Tools → Developer → New Snippet

st3 newSnip

 

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

1
2
3
4
5
6
7
8
9
<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↹

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

 

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

Авторизация

Войти через соцсети: