Создание своих сниппетов в VS Code

Как создавать пользовательские сниппеты в редакторе VS Code.
Генератор сниппетов: snippet-generator.app/
Статья в блоге: webcademy.ru/blog/980/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Бесплатный курс "Создай свой первый сайт на HTML5 и CSS3"
От установки редактора, до публикации в сети.
👉 Получить уроки, конспекты, макет и код из уроков: webcademy.ru/htmlsite/
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💻 Курс по созданию и верстке сайтов: webcademy.ru/htmlstart/
Обучение с наставником, 3 месяца, результат, гарантия.
Научим создавать веб-сайты и зарабатывать на этом.
Старт обучения: 01 Июля 2024 года.
💻 Курс "Frontend разработчик. JavaScript + React": webcademy.ru/jscourse/
Обучение с наставником, 3 месяца, результат, гарантия.
Старт обучения: 03 Июня 2024 года.
💻 Курс "Разработка сайтов на PHP + MySQL":
webcademy.ru/phpcourse/
Создание сайтов с системой управления.
Присоединиться к курсу можно прямо сейчас.
🏁 Обучение с нуля
💁‍♂️ Обучение с наставником
🎯 Доведение с нуля до результата
🏢 Помощь с трудоустройством
💵 Поможем взять первый заказ на фрилансе
💳 возможна рассрочка
💳 если курс не понравится, вернём деньги в первую неделю
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
💈 Сайт школы ВебКадеми: webcademy.ru/
💈 Вступайте в группу Вконтакте: webcademy
💈 Подписывайтесь на Telegram: t.me/webcademynews
ТАЙМ КОДЫ:
00:00 Вступление
00:18 Что такое сниппеты
01:23 Создание первого сниппета console.log()
04:16 Создание сниппета background-img
06:33 Генератор сниппетов
07:49 Scope для сниппета
08:05 Позиция курсора
08:37 Тестирование сниппета
09:34 Идеи для сниппетов

[@RAFO.]

очень полезное видео! я и не знал что можно свои сниппеты создавать! по мере набивания руки можно под себя придумывать много разных сценариев

[@apelsin4ik2901]

Я думал, что сниппет за гранью фантастики, а именно сложно и не понятно. Оказывается всё на самом деле просто, понятно и очень удобно. Спасибо за простое объяснение👍👍👍👍

[@sergeysidelnikov1523]

Кинулся использовать. 🤓 Сразу напоролся на "двойные кавычки" - просто так их в сниппете не указать. Решение - перед такими кавычками нужно поставить обратный слэш ("\"), чтобы заэкранировать. Всё заработало.

[@user-rw8wi3sq9e]

Хороший урок про сниппеты. Урок понравился. Возьму на заметку. Продолжайте в том же духе Webcademy развиваться👍

[@canariawellhouse1927]

Понятно и быстро! Спасибо большое за объяснение!

[@strikerorion5290]

Давно не было видно, но как всегда полезно и актуально.

[@VS-nh1qp]

Спасибо. Хотелось бы от вас уроки по tailwind c нуля, верстка макета из figma.

[@mushroom2267]

Спасибо за полезные видео!

[@sulejmanpovelitel1220]

Все четко и по делу! СПАСИБО!

[@sad_gary]

это просто пушка, бомба! я даж не знаю как это назвать! Спасибо огромное!!

[@user-lm9ee1gn5p]

Спасибо, очень полезно

[@user-km6qf9ot2l]

[@user-nn9qy1yh3s]

ну реально помог, спасибо

[@user-lc2cz5pj8u]

Реально полезная вещь

[@vaspurakavdalian1133]

Супер

[@Andrew_Dreamer13]

Давно собирался наделать себе снипетов.Тепеть точно займусь этим. Снипет для меню,бургера,для picture,для svg .да вообще много для чего надо сделать.

[@WebCademy]

Завтра будет ролик с сниппетами по CSS

[@King-zc6du]

Спасибо.

[@daniilkononchuk8837]

Круто

[@antonyanbeatz]

👍👍👍

[@whiteltd5970]

помогите создать сниппет когда пишу cls выдается ответ className={styles.}, пробую по разному писать уже нескольк раз пересмотрел ролик и не получается самому создать такой снипет

[@xMurieLLx]

У меня в VScode, почему-то, после последнего обновления до 1.76.2 пропали из всех меню кнопки "Проверить обновление / Check for updates...." Подскажите, пожалуйстка, как вернуть !? О.о

[@user-mc8ck1tg8f]

Винда случаем не семёрочка ли?

[@xMurieLLx]

@@user-mc8ck1tg8f нет. Win 10 pro. ver. 21H2

[@vinzot663]

Первые

[@sagradagg]

Лучший