Как создавать сниппеты кода в VS Code

Подписаться 30 тыс.

Просмотров 18 тыс.

50% 1

Привет! В этом видео расскажу, как упростить себе жизнь и сделать сниппеты - готовые фрагменты кода. С их помощью можно не писать километры строк кода, а вызывать их одной командой. Поехали!
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
#ityoutubers_ru #vscode #сниппеты

Опубликовано:

12 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 74

@Gerlinda137 3 года назад

Просто хочу признаться в любви этому каналу. В каждом видосе узнаю для себя что-то новое и очень полезное. Действительно видно, что сайты ваша страсть :) Контент от верстальщика для верстальщиков, многие приемы и подходы, которые вы освещаете, реально упрощают жизнь. Я очень многому у вас научилось, спасибо!

@maxgraph 3 года назад

Спасибо за такие слова) очень рад!

@sonyashmeow2062 3 года назад

Ох эти черточки. Долго капалась из-за них. Благодарю за ваш труд :3

@maxgraph 3 года назад

Пожалуйста =)

@yurkaronin 2 года назад

Круто. Спасибо за понятное разъяснение по заготовкам кода. Очень помогли разобраться.

@maxgraph 2 года назад

Пожалуйста)

@mypsevdonim Год назад

ОГОНЬ! Что бы сделать отступы нужно добавить знак табуляции \t (одна буква - одно нажатие TAB)

@semionpopov Год назад

Спасибо. Для новичка очень доступное объяснение

@optimist6861 9 месяцев назад

Спасибо огромное очень полезно было

@dum-dum54 2 года назад

Сегодня начал изучать VStudio, до этого никогда ничем подобным не занимался. Пока что ничего не понятно, но звучит интересно 😃

@AndrewLapteff Год назад

спасибо!!!

@crazyhippo9191 3 года назад

А зачем на каждый сниппет отдельный файл? Они прекрасно в одном живут. По поводу названий может кому полезно будет, я свои называю так же как и родные, но сначала ставлю дефис: -console, -margin, -nav. Они тогда в первом ряду высвечиваются и чтобы вызвать, хватает нажать дефис и первую букву. И еще можно название на русском написать, ну это для тех, кто в английском плохо ориентируется.))

@maxgraph 3 года назад

названия - хорошая мысль)) насчет файла - да тут в принципе разницы нет)

@themichael8767 Год назад

Спасибо Вам большое!)

@yakut54 Год назад

Спасибо, мужик! Помог.

@user-fh1gr5li2r Год назад

Благодарю! Очень полезно

@user-ur4qm8sd4z Год назад

супер!

@alexandrgusletsov2567 3 года назад

Максим спасибо инфа полезная добавляй ещё видосы обучалки пойду дальше трениться на твой марафон

@maxgraph 3 года назад

Пожалуйста)

@user-nm3ls7yf2q 3 года назад

благодарю за прекрасный контент

@beda9679 Год назад

спасибо. очень полезно )

@R.wsteady 3 года назад

Спасибо, про курсор не знал)

@maxgraph 3 года назад

Пожалуйста)

@erega74 3 года назад

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

@maxgraph 3 года назад

Привет, eleventy)

@erega74 3 года назад

@@maxgraph Круто!

@historypixel 3 года назад

Очень круто, спасибо!!!!!!!!!!!!!!!!))

@maxgraph 3 года назад

Пожалуйста)

@mrslashx 2 года назад

Спасибо большое!

@maxgraph 2 года назад

Пожалуйста)

@6ixspeed387 2 года назад

чувак очень полезно, спасибо огромное

@maxgraph 2 года назад

Пожалуйста)

@tatyana885 Год назад

спасибо

@ХарриКейн-щ9р 2 года назад

Помогите решить проблему. Установил VSC и дополнительное расширение Code Runner. При запуске любого скрипта, даже самого простого по типу console.log('Hello') или 1 + 1, в OUTPUT выскакивает следующее сообщение: [Running] node "c:\путь до скрипта\имя скрипта.js" "node" ?? ????? ????? и ещё куча знаков вопроса в квадратиках и ромбиках. [Done] exited with code=1 in 0.102 seconds Сам скрипт, соответственно, не выполняется. Как это исправить?

@bestgamer3846 2 года назад

А как удалить файл с ненужними снипетами ну например у меня есть my.code-snippets, а я зделал новий файл с снипетами html.code-snippets, а старий ненужний подскажите пожалуйста

@maxgraph 2 года назад

Зайдите в папку со сниппетами и удалите

@enfllome8830 3 года назад

Максим, подскажи, а для css можно такой сниппет сделать? Например для background-img, background-size, background-position, background-repeat?

@maxgraph 3 года назад

Да что угодно можно)

@виртуоз_ру Год назад

Спасибо 👍

@Olga-gb8vz 3 года назад

спасибо за видео. А почему у тебя весь тултип на спанах? может есть какой-то секрет?)))

@maxgraph 3 года назад

Чтоб можно было встраивать в параграфы без ошибок валидатора))

@arkl1ne 2 года назад

Какой комбинацией раскоментировать комментарий?

@maxgraph 2 года назад

ctrl shift /

@unity_12 2 года назад

Привет! Расскажи, как можно на своём блоге HTML разметку составлять и что такое tooltip?

@maxgraph 2 года назад

Привет! Не понял, в каком блоге и что?) Тултип - всплывающая подсказка

@unity_12 2 года назад

@@maxgraph А, понял. Спасибо) просто запутался.

@user-ly3xb1hl8q 3 года назад

Привет, а можно ссылку с верстки на гитхаб Разбор ваших работ по верстке онлайн. Советы по верстке. №1 OUR LOGIC? Мне концепт понравился и шрифты хотел бы размеры взять. Сам не дизайнер мне тяжело сделать красивый дизайн а за идею взять неплохо бы было

@maxgraph 3 года назад

Не понял, что именно нужно)

@user-ly3xb1hl8q 3 года назад

@@maxgraph Ссылку на исходники сайта в гитхаб

@maxgraph 3 года назад

Я не могу скидывать сайты участников проверки работ)

@user-ly3xb1hl8q 3 года назад

@@maxgraph Хорошо, если будут вопросы по моей верстки, Вам куда лучше писать? Просто есть моменты, которые можно по разному сверстать, поэтому совет необходим всегда

@maxgraph 3 года назад

в чат в телеграме пишите) я или другие участники подскажут

@progra2mer-developer Год назад

Отличный материал по снипетам Есть ли возможность создать свой снипет с предвориетльно записанной туда информацией Например по стандарту мы пишем ..app и показывает Хотелось бы ...main и увидеть

@maxgraph Год назад

Не сталкивался с таким

@touchme1408 2 года назад

Здравствуйте, Максим! Спасибо вам за разъяснения по данному вопросу (лайкнул, подписался), но меня вот какой момент интересует. Допустим работаю я себе такой, понимаю, что кусок кода получился хорош и хочу быстренько добавить его в сниппеты, но строчек много и каждую отдельно заключать в кавычки да еще и экранировать кавычки внутри самого кода кажется иррациональным. Есть ли какой-то функционал, позволяющий скажем сперва перед всеми кавычками внутри кода поставить знак экранирования, а затем одним махом обернуть каждую строчку в кавычки?

@maxgraph 2 года назад

Здравствуйте! Пожалуйста) Я бы сделал проще в таком случае - использовал бы онлайн генератор сниппетов. Туда просто вставляете ваш код, а он уже сразу готовый вам выдаст

@touchme1408 2 года назад

@@maxgraph Идеально, спасибо за совет. Это прям то что нужно. И спасибо, что так быстро ответили, вы супер.