Продвинутое использование

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

Контекст — это расплывчатый термин, поэтому см. таблицу переменных окружения и их точные значения в Документации по Сниппетам Sublime Text.

Для примера, как можно использовать переменные окружения, моя команда придерживается соглашения, где таблица стилей компонента сохраняется под тем же именем файла, что и компонент, и получает расширение .scss.

Файл компонента может затем использовать это соглашение с помощью сниппета, используя переменную окружения $TM_FILENAME.

<content><![CDATA[  import styles from './$TM_FILENAME${1:}scss']]></content>

Переменная окружения $TM_SELECTED_TEXT или $SELECTION служит более общему назначению. Помните, как я упоминал об альтернативном способе вызова сниппетов? Вместо того, чтобы нажимать на триггерное слово и нажимать клавишу табуляции, можно также вызывать фрагменты через командную палитру.

На Mac нажмите cmd+shift+p, чтобы открыть палитру, введите ‘Snippet’ и выберите нужный фрагмент из выпадающего списка. Такой круговой подход имеет одно основное преимущество — можно вызвать фрагмент с выделенным блоком текста и включить этот текст в содержимое сниппета. Это позволяет создавать, так называемые, «оберточные» или внешние сниппеты, которые обертывают выделенный текст, например, с помощью if.

Pro подсказка

Шорткоды расширенного выделения отлично подходят для быстрого выделения текста, который можно обернуть сниппетами, как это описано выше.

Была ли эта страница полезной?