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

Рет қаралды 16,150

5 жыл бұрын

Как создать и использовать свои сниппеты в редакторе Visual Studio Code. Сниппеты это пользовательские фрагменты кода, которые ускоряют нашу работу. С помощью сокращений можно вызывать написанный нами сниппет и тем самым вставлять большие фрагменты кода очень быстро. Редактор VS Code так же имеет возможность добавления пользовательских сниппетов и в этом видео я покажу как их создать и использовать.
✔Советую посмотреть:
Быстрый старт в JavaScript: • #0 Основы программиров...
Уроки по JS: • Уроки по JavaScript
Emmet обзор плагина: • #8 Лучшие сокращения E...
Курс "Frontend разработчик на HTML, CSS и JavaScript": stepik.org/z/113402
Курс "Тренажер по вёрстке, плагин Emmet": stepik.org/113654
Все про редактор Visual Studio Code: • Visual Studio Code, на...
⚡️ Эксклюзив на Boosty - boosty.to/itdoctor
💡 Telegram канал - t.me/itdoctor_official/4
🎥 Курсы на Stepik - stepik.org/users/387773773/teach
💰 Донаты на ЮMoney - sobe.ru/na/itdoctor
ВКонтакте - itdoctorstudio
Яндекс Дзен - zen.yandex.ru/itdoctor
Rutube - rutube.ru/channel/23500045/
#vscode #visualstudiocode #visualcode #itdoctor

Пікірлер: 46

@ITDoctor 3 жыл бұрын

Курс Frontend разработчик на HTML, CSS и JavaScript: stepik.org/z/113402

@moscowstanislav 5 жыл бұрын

Удивительно простая настройка. Большое спасибо за этот урок.

@ITDoctor 5 жыл бұрын

всегда пожалуйста

@sashaalxandroff748 4 жыл бұрын

АААААА чел ты мне так жизнь облегчел))))

@user-zp8xz5fu2j 4 жыл бұрын

Спасибо большое! Очень полезно!

@user-em4yk4tc2x 3 жыл бұрын

Спасибо, помог :)

@user-be2uz8rg2s 3 жыл бұрын

Благодарю!

@djoniKage 5 жыл бұрын

Талант препода у автора.

@yaolegoleynik 5 жыл бұрын

Спасибо

@froxi3313 Жыл бұрын

@ITDoctor Жыл бұрын

спасибо

@vladiso1234 4 жыл бұрын

спасибо

@riderOfSoul 3 жыл бұрын

круто! как сделать так что по выделенному фрагменту содавалась внизу строка и там console.log ?

@Wise_al9 Жыл бұрын

Спас

@ITDoctor Жыл бұрын

Рад

@alizhilov1391 3 жыл бұрын

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

@user-br3hf7xp1z 2 жыл бұрын

Добрый день. А можешь переназначить клавиши ctrl+c на копирование выделенного фрагмента, а не всей строки, как по умолчанию стоит?

@ITDoctor 2 жыл бұрын

ctrl+c копирует то что выделено. если выделена вся строка то он всю и скопирует

@MrSyavikua 4 жыл бұрын

как в консоли лог сделать снипет, когда при вводе имени переменной автоматически вводилось и такое же назв. значения? Что нужно добавить в снипет: "Print to console": { "scope": "javascript", "prefix": "clg", "body": [ "console.log('[$1]', $2);$0", ], "description": "My version - Log output to console"

@user-cs6dr9ot8o 3 жыл бұрын

Укажи такой же порядковый номер после $. ,Будет тебе параллельный ввод, если ещё актуально конечно +)

@MrSyavikua 3 жыл бұрын

@@user-cs6dr9ot8o спасибо, сквозь время актуально)

@Gal_larate 3 жыл бұрын

Привет, понимаю что прошло уже дохрена времени но может быть кто то заметит и сможет подсказать. Можно ли вынести какой то переменной в снипеты название файла. Условно я создаю файл foo.vue. И мой снипет к нему обращается и внутри себя создает темплейт условное: Как это реализовать?

@alexeynoname114 Жыл бұрын

$TM_FILENAME или $TM_FILENAME_BASE (без расширения)

@mediafile9995 3 жыл бұрын

А для css или html такое провернуть можно?

@ITDoctor 3 жыл бұрын

Конечно

@anton8258 4 жыл бұрын

А как создать сниппет для html? Я хочу создать снип по подключению jquery И тут как видно, есть кавычки и чтобы сохранить его, нужно вводить дополнительные кавычки которые оптом придется удалять при вызове. Как этого избежать?

@ITDoctor 4 жыл бұрын

Попробуйте одинарные внутри использовать или наоборот.

@FilCapital 5 жыл бұрын

Какой редактор кода самый удобный на ваш взгляд и на каком больше пишете код?

@ITDoctor 5 жыл бұрын

vs code

@FilCapital 5 жыл бұрын

@@ITDoctor Ок. тогда просим побольше видосов про этот редактор и о его расширениях.

@renkodev 4 жыл бұрын

а как отменить перенос кода в сниппете? { "Print to console": { "scope": "php", "prefix": "php", "body": [ "" ], "description": "php start" } } в итоге выглядит а надо в одной строке

@mountaindota5939 4 жыл бұрын

тут вот первый комментарий следует ввести \" - для тех " которые используются в коде

@bonickd9095 3 жыл бұрын

Подскажите пожалуйста у меня не работает предпросмотр сниппета ( не показывает код который содержит сниппет) а так всё работает

@ITDoctor 3 жыл бұрын

точно не помню настройку редактора но там было что то типа скрывать подсказки. МОжет у вас дело в этом а может и нет

@bonickd9095 3 жыл бұрын

@@ITDoctor там просто нужно было ctrl+space нажать и подсказки появляются

@user-nz3hw1jn2y 4 жыл бұрын

А на С# есть видео как создать свои снипеты?

@ganjackal 3 жыл бұрын

Четко ,а есть снипиты для css урок?

@ITDoctor 3 жыл бұрын

Урока нет, но по такому примеру можно их создать. Хотя не знаю зачем. Html снипеты для бутстрапа например, чтобы вечно в документацию не лазить

@ganjackal 3 жыл бұрын

@@ITDoctor ну да пример такой небольшой но опять же, я говори со стороны человека который еще с этим не сталкивался !

@user-jl6hk1xp7l 3 жыл бұрын

В саблайме чуть гармоничнее

@Dvoini 3 жыл бұрын

как можно было не показать как делать второй сниппет?

@index5221 4 жыл бұрын

Что за тема?

@ITDoctor 4 жыл бұрын

Вот тут смотрите в видео или в описании: kzfaq.info/get/bejne/hrtjebh_1LS8e6s.html

@welik0107 Жыл бұрын

Спасибо! Очень хорошо объяснил) Если не сложно, не мог бы ты пожалуйста объяснить, как сделать свою подсветку синтаксиса...

@ITDoctor Жыл бұрын

Пожалуйста. Может запишу когда-нибудь, но ждать в ближайшее время точно не стоит. Можете просо посмотреть это видео или другое по данной теме kzfaq.info/get/bejne/pq2qptZ3s9q7iKs.html

@welik0107 Жыл бұрын

@@ITDoctor спасибо