Сниппеты очень полезный инструмент, который ускоряет вашу верстку в несколько раз. Те части кода, которые постоянно повторяются в коде, можно не писать каждый раз вручную, а использовать сниппеты.
Давайте рассмотрим как это работает:
Мы создаем сниппет и потом просто коротким названием, вызываем его.
В данном примере, создан сниппет который вызывает код подключающий библиотеку jQuery:
Давайте разберемся как их настроить в Sublime Text 3.
Перейдем по пути: Tools → Developer → New Snippet
В открывшемся окне мы увидим следующей код для установки сниппета:
Удаляем содержимое в 3 строке:
и вставляем в этом месте код своего нового сниппета.
Например, я в этой строке вставлю код подключающий библиотеку 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↹ :
Код сниппета может быть от небольшого однострочного фрагмента до большого кода на тысячи строк.
Оставить комментарий