No video
Как создавать сниппеты кода в VS Code
Рет қаралды 17,919
Күн бұрынПривет! В этом видео расскажу, как упростить себе жизнь и сделать сниппеты - готовые фрагменты кода. С их помощью можно не писать километры строк кода, а вызывать их одной командой. Поехали!
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? clck.ru/Gr9Ec
Моя страница вконтакте: maxdenaro
Мой блог: blog.maxgraph.ru
Мой сайт: maxgraph.ru
Канал в телеграм: teleg.run/maxg...
Чат для верстальщиков: teleg.run/maxg...
#ityoutubers_ru #vscode #сниппеты
@Gerlinda137 3 жыл бұрын
Просто хочу признаться в любви этому каналу. В каждом видосе узнаю для себя что-то новое и очень полезное. Действительно видно, что сайты ваша страсть :) Контент от верстальщика для верстальщиков, многие приемы и подходы, которые вы освещаете, реально упрощают жизнь. Я очень многому у вас научилось, спасибо!
@maxgraph 3 жыл бұрын
Спасибо за такие слова) очень рад!
@sonyashmeow2062 3 жыл бұрын
Ох эти черточки. Долго капалась из-за них. Благодарю за ваш труд :3
@maxgraph 3 жыл бұрын
Пожалуйста =)
@yurkaronin 2 жыл бұрын
Круто. Спасибо за понятное разъяснение по заготовкам кода. Очень помогли разобраться.
@maxgraph 2 жыл бұрын
Пожалуйста)
@mypsevdonim Жыл бұрын
ОГОНЬ! Что бы сделать отступы нужно добавить знак табуляции \t (одна буква - одно нажатие TAB)
@semionpopov Жыл бұрын
Спасибо. Для новичка очень доступное объяснение
@dum-dum54 2 жыл бұрын
Сегодня начал изучать VStudio, до этого никогда ничем подобным не занимался. Пока что ничего не понятно, но звучит интересно 😃
@optimist6861 9 ай бұрын
Спасибо огромное очень полезно было
@crazyhippo9191 3 жыл бұрын
А зачем на каждый сниппет отдельный файл? Они прекрасно в одном живут. По поводу названий может кому полезно будет, я свои называю так же как и родные, но сначала ставлю дефис: -console, -margin, -nav. Они тогда в первом ряду высвечиваются и чтобы вызвать, хватает нажать дефис и первую букву. И еще можно название на русском написать, ну это для тех, кто в английском плохо ориентируется.))
@maxgraph 3 жыл бұрын
названия - хорошая мысль)) насчет файла - да тут в принципе разницы нет)
@AndrewLapteff Жыл бұрын
спасибо!!!
@alexandrgusletsov2567 3 жыл бұрын
Максим спасибо инфа полезная добавляй ещё видосы обучалки пойду дальше трениться на твой марафон
@maxgraph 3 жыл бұрын
Пожалуйста)
@user-ur4qm8sd4z Жыл бұрын
супер!
@yakut54 Жыл бұрын
Спасибо, мужик! Помог.
@user-nm3ls7yf2q 3 жыл бұрын
благодарю за прекрасный контент
@themichael8767 Жыл бұрын
Спасибо Вам большое!)
@user-fh1gr5li2r Жыл бұрын
Благодарю! Очень полезно
@R.wsteady 3 жыл бұрын
Спасибо, про курсор не знал)
@maxgraph 3 жыл бұрын
Пожалуйста)
@beda9679 Жыл бұрын
спасибо. очень полезно )
@tatyana885 Жыл бұрын
спасибо
@6ixspeed387 2 жыл бұрын
чувак очень полезно, спасибо огромное
@maxgraph 2 жыл бұрын
Пожалуйста)
@historypixel 3 жыл бұрын
Очень круто, спасибо!!!!!!!!!!!!!!!!))
@maxgraph 3 жыл бұрын
Пожалуйста)
@mrslashx 2 жыл бұрын
Спасибо большое!
@maxgraph 2 жыл бұрын
Пожалуйста)
@erega74 3 жыл бұрын
Привет Максим, спасибо за мега полезное видео, не скажешь на чем у тебя блог, на вордпресс или елевенти?
@maxgraph 3 жыл бұрын
Привет, eleventy)
@erega74 3 жыл бұрын
@@maxgraph Круто!
@user-wr1vy5vb9e 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 жыл бұрын
Зайдите в папку со сниппетами и удалите
@progra2mer-developer Жыл бұрын
Отличный материал по снипетам Есть ли возможность создать свой снипет с предвориетльно записанной туда информацией Например по стандарту мы пишем ..app и показывает Хотелось бы ...main и увидеть
@maxgraph Жыл бұрын
Не сталкивался с таким
@enfllome8830 3 жыл бұрын
Максим, подскажи, а для css можно такой сниппет сделать? Например для background-img, background-size, background-position, background-repeat?
@maxgraph 3 жыл бұрын
Да что угодно можно)
@Olga-gb8vz 3 жыл бұрын
спасибо за видео. А почему у тебя весь тултип на спанах? может есть какой-то секрет?)))
@maxgraph 3 жыл бұрын
Чтоб можно было встраивать в параграфы без ошибок валидатора))
@baton4iki 3 жыл бұрын
Спасибо
@maxgraph 3 жыл бұрын
Пожалуйста)
@touchme1408 2 жыл бұрын
Здравствуйте, Максим! Спасибо вам за разъяснения по данному вопросу (лайкнул, подписался), но меня вот какой момент интересует. Допустим работаю я себе такой, понимаю, что кусок кода получился хорош и хочу быстренько добавить его в сниппеты, но строчек много и каждую отдельно заключать в кавычки да еще и экранировать кавычки внутри самого кода кажется иррациональным. Есть ли какой-то функционал, позволяющий скажем сперва перед всеми кавычками внутри кода поставить знак экранирования, а затем одним махом обернуть каждую строчку в кавычки?
@maxgraph 2 жыл бұрын
Здравствуйте! Пожалуйста) Я бы сделал проще в таком случае - использовал бы онлайн генератор сниппетов. Туда просто вставляете ваш код, а он уже сразу готовый вам выдаст
@touchme1408 2 жыл бұрын
@@maxgraph Идеально, спасибо за совет. Это прям то что нужно. И спасибо, что так быстро ответили, вы супер.
@arkl1ne 2 жыл бұрын
Какой комбинацией раскоментировать комментарий?
@maxgraph 2 жыл бұрын
ctrl shift /
@als-creator 2 жыл бұрын
А как быстро раскоментировать все строки? Вообще бы больше про работу в vscode
@maxgraph 2 жыл бұрын
Выделить и нажать ctrl + /
@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 жыл бұрын
в чат в телеграме пишите) я или другие участники подскажут
@daniil7243 2 жыл бұрын
Подскажите ,а как удалить сниппет?
@maxgraph 2 жыл бұрын
Просто зайдите в файл сниппетов и сотрите
@daniil7243 2 жыл бұрын
@@maxgraph Спасибо вам большое!
@user-hp9zi6wo9z 2 жыл бұрын
А как можно делать отступы в сниппетах?
@maxgraph 2 жыл бұрын
Пробелы прямо задавайте в сниппете
@user-cm6li4zu4g 3 жыл бұрын
А у меня не сниппеты. У меня гисты )))
@diggerdog001 Жыл бұрын
Бляха, да почему никто не показывает как создать несколько сниппетов то. Делаю через запятую, код ругается.
@maxgraph Жыл бұрын
Не там запятая наверное)
@user-qp3sm1gl1w 3 жыл бұрын
Да блин тараторит и тараторит, прыгает по коду, для новичка это жесть..... Прими к сведению пожалуйста.
@maxgraph 3 жыл бұрын
Ок)
@R.wsteady 3 жыл бұрын
новичку не сниппеты надо смотреть.
@historypixel 3 жыл бұрын
Да отличная скорость)) можете вэсами выставить на 0.75;))
@user-qp3sm1gl1w 3 жыл бұрын
@@historypixel Я не за себя говорю, мне все понятно уже давно...
Sweet Coder
Рет қаралды 205 М.