Сниппеты или шаблоны в редакторе Атом инструкция

Snippet atom или как создать шаблон в редакторе кода Атом. Единственная внятная и понятная инструкция создания сниппетов в редакторе Атом.

Подробно о сниппетах в Атоме.

1. Как сделать snippet в Атоме?
2. Пример создания и использования сниппета в Атоме.

Как сделать snippet в Атоме?

Вообще - "snippet" - это не шаблон. Snippet - переводится как отрезок/фрагмент. И в большинстве редакторов кода такая функция предусмотрена!

Сегодня у нас на разборе

Snippet в редакторе Атом.

Для того, чтобы создать сниппет в Атоме нам понадобится несколько позиций:

Файл:

snippets.cson

Который находится в папке atom

Совет!

Чтобы каждый раз не бегать и не искать папку atom - создайте проект с этой папкой

Нажмите, чтобы открыть в новом окне.


Процесс создания сниппета в Атоме.

Открываем файл "snippets.cson"

Пишем разрешения файлов в которых будет доступен сниппет, через запятую:

'.html, .php, .txt,':

Название сниппета:

  'Здесь название сниппета':

Префикс - по какому сочетанию букв, слов будет вызываться сниппет:

    'prefix': 'слово, буквы'

На что будет заменяться слово, буквы

    'body': 'На что меняем...'

Соберем весь код сниппета вместе:

'.html, .php, .txt,':

  'Здесь название сниппета':

    'prefix': 'слово, буквы'

    'body': 'На что меняем...'

Пример создания и использования сниппета в Атоме.

Я частенько использую сниппеты, и если я начал использовать Атом, то естественно, что не смогу без сниппетов.

Пример использования сниппета:

Например, чтобы вызвать и вставить ссылку в код, а ссылку я использую очень часто .

Для этого префикс будет сочетание букв:

ah

Во многих редакторах я заменяю сочетание клавиш "ah" на ссылку(красным выделены редактируемые области):

'.html, .php, .txt,':

  'Здесь название сниппета':

    'prefix': 'ah'

    'body': '<a href=url target=_blank>текст</a>'

Как понять, что ваш сниппет заработал!?

При наборе соответствующего "префикса"(в данном примере "ah").

Перед вами появится всплывающее окно с названием вашего сниппета.

Не обязательно тыкать в него мышкой, просто нажмите "tab"

Нажмите, чтобы открыть в новом окне.

Всего комментариев : 0 Comments+ 2.0

+ =