Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

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

Поддержи проект!!! smile

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

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

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

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

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

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

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

    Файл:

    snippets.cson

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

    Совет!

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

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Snippet  в редакторе Атом.

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

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

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

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

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

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

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

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

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

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

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

    '.html, .php, .txt,':
      'Здесь название сниппета':
        'prefix': 'слово, буквы'
        'body': 'На что меняем...'

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

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

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

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

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

    ah Во многих редакторах я заменяю сочетание клавиш "ah" на ссылку(красным выделены редактируемые области):
    '.html, .php, .txt,':
      'Здесь название сниппета':
        'prefix': 'ah'
        'body': '<a href=здесь_ссылка target=_blank>текст_ссылки</a>'

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

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

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

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

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


Последняя дата редактирования : 05.04.2021 11:55
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
snippet atom

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.
stream :
07/04/2021 05:56
Неплохо)
подробнее.
Марат :
24/03/2021 11:01
Да что вы!? За что обижаться то?Вы тот редкий человек, который смог написать! Вы молодец!Человек, же который не…
подробнее.
Виталий :
24/03/2021 06:05
Не стоит обижаться, люди могут не понимать что ошибка не критична. Может быть до конца не изучали…
подробнее.
Марат :
23/03/2021 02:09
Спасибо, за сообщение! В архив попал вариант, который был на тестировании и там остались некоторые…
подробнее.