HTML/CSS/JSРазноеРазработка сайтов

Сниппеты в Sublime text 3. Как создать сниппет в Sublime Text

    0

    Сниппеты очень полезный инструмент, который ускоряет вашу верстку в несколько раз. Те части кода, которые постоянно повторяются в коде, можно не писать каждый раз вручную, а использовать сниппеты.

    Давайте рассмотрим как это работает:
    Мы создаем сниппет и потом просто коротким названием, вызываем его.
    В данном примере, создан сниппет который вызывает код подключающий библиотеку 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↹ :

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

    Почему нужно 5 часов в неделю, тратить на обучение

    Следующая статья

    Оставить комментарий

    avatar
      Подписаться  
    Уведомление о