Задать вопрос
@skuvaWeb
css

Как настроить снипетты в vsCode?

Никак не могу понять, как мне добиться следующего поведения:
Я хочу чтобы я мог написать @mw500 и сниппет трансформировался в 
@media (max-width: 500px){
  
}


Как передать в сниппет эту "переменную", в виде числа
  • Вопрос задан
  • 325 просмотров
2 комментария
Подписаться 3 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
@Skofild2016
Изучаю Frontend
Чтобы сделать сниппет, зайди в файл-настройки-новый сниппет.
Сохранить файл. Откроется файл сниппета, там есть пример закоменитрованный.
Все подробно описано. Имя сниппета, коротное имя по которому будет вызываться, в каких файлах будет работать, тело сниппета и описание.

У вас такой сниппет будет.
"@media500": {
"prefix": "@mw500",
"scope": "css",
"body": [
"@media (max-width: 500px){$1}",
],
"description": "Подключение @media"
},
Знак $ это где будет установлен курсор после разворота сниппета.
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
React разработчик
Uptrade
от 150 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы