Возвышенный текст - фрагменты

Фрагменты - это умные шаблоны, которые можно использовать повторно, когда это необходимо. Текстовый редактор Sublime включает функцию фрагментов для HTML-шаблонов. В этой главе вы узнаете о них подробно.

Понимание сниппетов

Фрагменты - это простые файлы с поддержкой XML и различными атрибутами. Они включают расширение под названиемsublime-snippet. Корневой тег элемента XML будет<snippet>тег. Созданные фрагменты сохраняются вPackages папки и считаются находящимися в этой папке.

Формат файла и синтаксис сниппетов подробно обсуждаются следующим образом:

  • Content −Этот раздел включает описание сниппета.

  • tabTrigger - Он включает в себя последовательность символов, которая срабатывает при написании фрагмента.

  • Scope - Он определяет область, в которой фрагмент остается активным.

  • Description- Он включает в себя все мета-описание. Он будет отображаться, когда открыто меню сниппета.

Создание первого сниппета

Вы можете создать сниппет по умолчанию, используя Tools → Developer → Snippet вариант.

Затем будет создан демонстрационный фрагмент со связанными тегами, как показано ниже -

Чтобы создать первый фрагмент в редакторе Sublime Text, щелкните значок Tools меню и выберите Snippets из раскрывающегося окна, как показано на скриншоте здесь.

Теперь выберите Snippet:html из отображаемых параметров.

Это создает фрагмент по умолчанию для указанного файла HTML, как показано ниже.

Обратите внимание, что существуют различные фрагменты для разных типов файлов. Для html-файлов в базе кода в редакторе Sublime Text определены три фрагмента, как показано ниже.

Фрагменты управления пакетами

Контрольные фрагменты в основном используются для разработки продукта. С участиемinstall packages в редакторе Sublime, вы можете загрузить любой фрагмент кода, необходимый для веб-разработки, и установить его.

Вам могут понадобиться следующие пакеты для веб-разработки -

  • EverCodeLab Sublime поддерживает Ruby on Rails
  • Дополнительные фрагменты PHP для PHP
  • HTML-фрагменты для HTML-файлов
  • Фрагменты Twitter Bootstrap для Twitter Bootstrap
  • Фрагменты JavaScript для файлов JS
  • Пакет фрагментов jQuery для jQuery