Полный курс по настройке Vs Code на 2024 [Расширения / Снипеты / Хоткеи]

  Переглядів 50,185

RED Group

RED Group

День тому

🔥 Оформить премиум подписку - htmllessons.ru/premium?...
❤️ Отзывы тут - t.me/htmllessons_reviews
🎁 Новогодний розыгрыш (10 подписок) - t.me/redgroupchannel
1000 лайков и я выпускаю проект на Nextjs 14
2000 лайков, снимаю настройку Webstorm
✨Скачать настройку VS Code - get.redlinks.tech/s/7hEUp1j
Добро пожаловать на наш полный курс по настройке Visual Studio Code 2024. В этом видео мы погрузимся в мир одного из самых популярных и мощных редакторов кода. Покажем как Vs Code сделать быстрее чем Webstorm в 10 раз. Покажем как настроить редактор, чтобы он соответствовал вашим потребностям и стилю разработки. А также, как установить расширения, чтобы расширить функциональность редактора, и предоставим список рекомендуемых расширений для [ Javascript, React и PHP]. Мы также подробно рассмотрим сниппеты для react, next, typescript и горячие клавиши(хоткеи) для ускорения вашей работы. Наконец, мы поговорим об иконках и о темах оформления, которые позволяют изменить внешний вид редактора в соответствии с вашими предпочтениями и стилем работы. Наше полное руководство по VS Code поможет вам максимально использовать возможности этого замечательного редактора кода. Приятного просмотра и успешного изучения!
⚡️ Список интенсивов по подписке - htmllessons.ru/list-intensive...
🔐 МК по авторизации (все исходники и запись доступны навсегда!) - t.me/red_master_class_bot
☑️ Чеклист "С нуля до Senior front-end" - t.me/checklist_redgroup_pay_bot
VK - redgroupchannel
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00 - Начало
02:20 - С наступающим!
02:50 - ДО/ПОСЛЕ
03:52 - Что будет в этом видео
06:00 - Расширения
21:00 - Иконки
21:38 - Темы
22:28 - Настройки (самое важное)
26:48 - Внешний вид (настройки)
28:48 - Курсор (настройки)
29:23 - Шрифты (настройки)
32:03 - Терминал (настройки)
32:28 - Проводник (настройки)
33:08 - Дебаг (настройки)
33:23 - Emmet (настройки)
33:48 - Форматирование (настройки)
34:48 - Laravel/php (настройки)
35:08 - Хлебные крошки (настройки)
35:35 - JS/TS (настройки)
36:01 - Орфография (настройки)
36:23 - Другие полезные (настройки)
39:35 - Мои горячие клавиши (хоткеи)
42:53 - Сниппеты
43:48 - Спасибо за просмотр!
⚡️Закрытый клуб "5 утра" - htmllessons.ru/ext/club
💡 Личный ТГ канал - t.me/hardmaxchannel
🌿 Плейлист с полными курсами для новичков и не только - • Полные курсы
👉 Все ссылки (+ настройка редактора) и информация обо мне - redlinks.tech/
#VsCode #VisualStudioCode #РедакторКода #RedGroup

КОМЕНТАРІ: 147
@REDGroup
@REDGroup 4 місяці тому
🔥 Оформить премиум подписку - htmllessons.ru/premium 1000 лайков и я выпускаю проект на Nextjs 14 2000 лайков, снимаю настройку Webstorm Если готовы выпустить темы под нашим брендом t.me/red_support_bot
@cranberry888
@cranberry888 4 місяці тому
не верится что уже четвёртая часть, каждый год прихожу сюда и каждый раз узнаю что то новое, спасибо Макс 🚀
@odinokun
@odinokun 3 місяці тому
Классное видео. Пересмотрел твои видео настроек с предыдущих лет - явный прогресс в качестве и информативности. Пока смотрел - раз 10 хотел лайк поставить (он уже был поставлен на первых минутах) Спасибо.
@GabrialWeb
@GabrialWeb 4 місяці тому
Спасибо, хоть м пользуюсь web storm, но регулярно смотрю твой выпуск по vsCode, спасибо за твои труды!
@REDGroup
@REDGroup 4 місяці тому
Пожалуйста
@ElmyrzaMusabecov
@ElmyrzaMusabecov 4 місяці тому
Спасибо за очень полезную информацию! 🔥🔥🔥
@huracai45
@huracai45 4 місяці тому
Скачал! Все сделал, как сказано по видосу, мне все зашло, все настроил пушечка, всем рекомендую!
@nargizagayfullina4062
@nargizagayfullina4062 4 місяці тому
Спасибо за полезную информацию 🔥
@nic-ori
@nic-ori 4 місяці тому
Thanks! Useful information.👍👍👍
@KachinVictor
@KachinVictor 4 місяці тому
Супер! Интересно и практично! С Новым 2024 годом!!! Успехов, вдохновения, сил и здоровья!
@REDGroup
@REDGroup 4 місяці тому
Спасибо
@user-yj7th1zo2l
@user-yj7th1zo2l 3 місяці тому
Большое спасибо за контент!
@grigoriyeltsov
@grigoriyeltsov 3 місяці тому
Спасибо, Максим! Отличные видео! Успехов тебе и мотивации! А просмотры, не переживай, набегут!
@user-ow1cx9xc9g
@user-ow1cx9xc9g 2 місяці тому
Thank you for every thing. This is the good settings for VS CODE
@user-ol7vf2nz6k
@user-ol7vf2nz6k Місяць тому
Классное видео! Спасибо 🙏
@drscorpion7580
@drscorpion7580 4 місяці тому
Спасибо, было полезно!
@REDGroup
@REDGroup 4 місяці тому
Пожалуйста
@RAYDNELL
@RAYDNELL 4 місяці тому
от души
@AstVenFel
@AstVenFel 3 місяці тому
классное видео) большое спасибо
@user-zw1ps4fy5b
@user-zw1ps4fy5b 4 місяці тому
Макс, сними пожалуйста, как терминал настроить) этот видос - лютый кайф ❤
@goldyguy9151
@goldyguy9151 4 місяці тому
о хорошая идея
@sterd0
@sterd0 3 місяці тому
Огромное спасибо за труд
@REDGroup
@REDGroup 3 місяці тому
Пожалуйста 🙏
@user-dc9rv8df9k
@user-dc9rv8df9k 3 місяці тому
Макс, спасибо за полезный контент.
@msa76100
@msa76100 Місяць тому
Лайк однозначно. Много инетересного.
@vlad_issslove
@vlad_issslove 4 місяці тому
Топ настройки 🎉
@AlexGabber
@AlexGabber 4 місяці тому
про вебштормикус бы какие-то приемы позыркать) Лайк при любых раскладах, знаю что данный видос будет многим полезен
@tffghhbbv
@tffghhbbv 26 днів тому
топчик
@user-wo2jn1fb9k
@user-wo2jn1fb9k 4 місяці тому
Спасибо! Очень круто! Подскажи пожалуйста, что меняет "===" и "=>" на более компактный вид, у меня это почему то не заработало.
@REDGroup
@REDGroup 4 місяці тому
Ligatures и шрифт должен это поддерживать
@elcho911
@elcho911 4 місяці тому
Привет 👋🏻 Как называется стиль терминала в Mac OS?
@pavels197
@pavels197 4 місяці тому
Топовый видос, огромное спасибо! Парни из RED Group, у вас не планируются интенсивы по VUE случайно?
@REDGroup
@REDGroup 4 місяці тому
Пока не планируется, мне vue не понравился. Но в будущем для расширения думаю возможно
@sobol8555
@sobol8555 2 місяці тому
Настройка топ, спасибо что подробно объяснил все моменты, VSCode стал гораздо удобнее!
@1egend_auto
@1egend_auto 2 місяці тому
Твоя настройка просто топ из топов
@bashkort_erete
@bashkort_erete 4 місяці тому
Только вчера переустановил винду и думал, как настроить vscode и тут ты выпускаешь видео👍
@user-qj6pk9py6j
@user-qj6pk9py6j 3 місяці тому
спс бро
@user-uk2pj8yb3r
@user-uk2pj8yb3r 4 місяці тому
кайфовая настройка, аж появилось желание покодить
@beksultanbekturgan8700
@beksultanbekturgan8700 4 місяці тому
Спасибо, чисто комент дял продвижения
@tykavka
@tykavka 4 місяці тому
Настройка реально топовая)) Макс, лучший))
@KadridinAlmarsov
@KadridinAlmarsov Місяць тому
спасибо
@showtt9491
@showtt9491 4 місяці тому
Макс, а как называется программа для помодоро (запуск таймера работы и отдыха)?
@REDGroup
@REDGroup 4 місяці тому
Flow app
@artywhit
@artywhit 4 місяці тому
.Било би круто увидеть настройку WebStorm, так как уже год на нем программирую
@user-oy2ji3so9z
@user-oy2ji3so9z 4 місяці тому
🔥🔥🔥🔥
@JaxongirMirhalikov
@JaxongirMirhalikov 4 місяці тому
klass
@sergey9588
@sergey9588 4 місяці тому
Добрый, настройки классные, еще бы архив со шрифтами, было бы огонь!
@REDGroup
@REDGroup 4 місяці тому
Шрифты не мои, поэтому раздавать не буду, да и у меня их нет в одном месте
@ALEXANDER47477
@ALEXANDER47477 2 місяці тому
поправь пожалуйста настройку для VS Code (которая в ссылке под видео для скачивания). там нет файла для react снипетов. только для next. залайкайте плиз чтоб увидел
@u-ra964
@u-ra964 3 місяці тому
🔥🔥🔥🔥🔥🔥🔥
@igorzonenko8925
@igorzonenko8925 4 місяці тому
Ку, скачал твой архив с кастомкой, как его применить, в какую директорию разместить VS?
@REDGroup
@REDGroup 4 місяці тому
В видео все рассказал, там все по разным местам
@pirogok1
@pirogok1 4 місяці тому
Кайфовая настройка
@ivanatroshchenko5310
@ivanatroshchenko5310 Місяць тому
А есть архив шрифтов? которые указаны в settings json
@illirel
@illirel 4 місяці тому
Привет, я только учусь программировать, подскажи пожалуйста, как вернуть в настройках возможность выбора языка в новом файле, как это было подефолту( там поле для выбора было) либо подскажи как быстро это делать в текущих твоих настройках?
@REDGroup
@REDGroup 4 місяці тому
Привет, в настройках не помню. Открываешь командую строку cmd shift p и пишешь change lang mode
@illirel
@illirel 4 місяці тому
@@REDGroupСпасибо
@lumberpants8815
@lumberpants8815 4 місяці тому
💯💯💯
@user-zi3fp4fg8o
@user-zi3fp4fg8o 4 місяці тому
🔥🔥🔥🔥🔥🔥🔥🔥
@user-yh6wv4zx6s
@user-yh6wv4zx6s 4 місяці тому
Привет!! Можешь показать как сделать красивый Drag and Drop list на реакте с анимацией без библиотек?
@xanff1103
@xanff1103 4 місяці тому
❤❤❤
@Yariiiification
@Yariiiification 4 місяці тому
братан, контент огонь, полезно и информативно. просьба - можно оформить рекламу не так назойливо? ощущение что ты готов из монитора ко мне выползти. благодарю за твою деятельность.
@REDGroup
@REDGroup 4 місяці тому
Что вы имеете ввиду? Спасибо
@Djarvic
@Djarvic 4 місяці тому
Круто спасибо за контент
@RomanB-od1qn
@RomanB-od1qn 3 місяці тому
а как форматируєш scss? Prettier?
@REDGroup
@REDGroup 3 місяці тому
Prettier
@mialii7940
@mialii7940 12 днів тому
🤩
@ROZERR09
@ROZERR09 12 днів тому
а как применить я код вставил но не преминяется. ?
@andrewtcarev2654
@andrewtcarev2654 4 місяці тому
Как же много словесного шума. Вроде все по делу, но в фоне слушать не так приятно как ожидалось. Возможно, из рекомендаций было бы дать - подготовить какой-то сценарий, чтобы во время записи не было «забыл», «не помню» и лишних «а» «э» и «эм». Все же приятно, когда не только чистый код, но и чистая речь.
@REDGroup
@REDGroup 4 місяці тому
А какой может быть сценарий в настройке vs code? Или когда мы пишем большие проекты
@andrewtcarev2654
@andrewtcarev2654 4 місяці тому
​@@REDGroup рассмотрим ситуацию с VS Code: сделать список того, что вы хотите донести аудитории → посмотреть на этот список и добавить последовательность → подготовиться к каждому пункту → записать черновой вариант того, что получилось → пересмотреть видео → понять, что можно улучшить (например, убрать те же слова паразиты, которые, как мне кажется, из-за того, что вы больше импровизируете, чем подготавливаетесь заранее) → переснять видео. Как итог, получаем базу, с которой можно работать, видим, что было сделано плохо, а где было отлично.
@andrewtcarev2654
@andrewtcarev2654 4 місяці тому
@@REDGroup насчет больших проектов тут уже посложнее, так как отснять иде и подготовить большую тему это все же разное, но принцип примерно такой же. Смотреть приятно, картинка классная, но шум из слов паразитов портит картину :/ Если есть команда, которая состоит не из 1 вас и 1 монтажера, то можно распределить обязанности, кто-то напишет план → другой подготовит текст → вы читаете текст, ознакомившись с планом и то, что подготовили коллеги → вносите правки → снимаете
@REDGroup
@REDGroup 4 місяці тому
@andrewtcarev2654 сейчас я не могу себе позволить выпускать видео раз в месяц. Поэтому приходится чем то жертвовать. Опять же это наш стиль как видите по комментариям всем все нравится, пусть лучше так зато аудитория получает 4 видео в месяц а не одно. Вы должны понимать в отличие от других блогеров, у меня кроме ютуба огромный пласт работы по бизнесу и по разработке htmllessons 2.0
@andrewtcarev2654
@andrewtcarev2654 4 місяці тому
@@REDGroup понимаю это прекрасно. Поэтому и даю свой фидбек. Надеюсь, вы понимаете, что фидбек ≠ обязательное исполнение. Я лишь высказал своё мнение, которое, возможно, в будущем будет учтено и качество контента, как мне кажется, будет лучше. Но опять же, воспринимать это стоит как фидбек)
@ArpeksMenethil
@ArpeksMenethil 2 місяці тому
а где остальные сниметы? В архиве ток next и js сниппеты
@shba_shorts
@shba_shorts 4 місяці тому
Можно ли оформить подписку с Узбекистана, я самостоятельно хотел заплатить но не получилось
@REDGroup
@REDGroup 4 місяці тому
Конечно можно, напишите в наш бот отправим ссылку t.me/red_support_bot
@canekg
@canekg Місяць тому
Спасибо, скачал, но нет по реакту сниппетов(
@user-qt6ve7ci2z
@user-qt6ve7ci2z 2 місяці тому
здравствуйте у меня vs code работает неправылно пожалуйста помогите когда я нажимаю пробел чтобы было место между слово если сразу не напишу само себе блокирует место
@yz1915
@yz1915 2 місяці тому
блин не могу почему то установить настройки, как их сохранить то?
@mymail333g
@mymail333g Місяць тому
Огромное спасибо за сочетание клавиш на создание файла и папки в боковой панели файлов.
@xanff1103
@xanff1103 4 місяці тому
жду Проект на next14
@wenjoytm9376
@wenjoytm9376 4 місяці тому
в файле vs-code-redgroup-2024 нет сниппетов для реакта, есть для next и js, добавь пожалуйста
@REDGroup
@REDGroup 4 місяці тому
А я только их использую, те решил не добавлять. Там они подходят для реакта
@pride444
@pride444 Місяць тому
Так и не понял где ты взял код для «мои горячие клавиши» и сниппеты
@di_Battista
@di_Battista Місяць тому
дружище от души тебе за эту информацию 👍👍👍👍👍👍 как тебе сто лайков поставить я не знаю, прости, могу только один
@nikolaychernushenko9184
@nikolaychernushenko9184 4 місяці тому
В VS Code при выводе командой print русскоязычного текста получаю белые ромбики с вопросиками (У меня Windows 10). При этом в Power Shell и в интерпретаторе Python с русским всё нормально. У Вас этой проблемы нет в VS Code, потому что Mac. Можете подсказать как эту проблему решить в винде? Пробовал решать, как рекомендуют в интернете, через Пуск-Параметры-Время язык-Язык-Административные языковые параметры-Изменить языковые параметры системы, и далее галочка в Бета-версии. Однако этот способ корёжит шрифты теперь уже в других программах.
@JohnSmith-ty5rk
@JohnSmith-ty5rk 4 місяці тому
Тоже не смог победить полностью в том числе эту проблему и счел, что проще развернуть виртуалку с Debian и заниматься разработкой там. Сейчас у меня на основной машине Debian, а в виртуалке Windows 10 для 1С и MS Office ;))
@alexmarch
@alexmarch 4 місяці тому
по хоткеям очень частый для дебага consol.log я забиндил на "ctrl + L" . Чтобы это сделать нажать ctrl+shift+P, выбрать Open Keyboadrd Shortcuts (JSON) и добавить следующие настройки { "key": "ctrl+l", "command": "editor.action.insertSnippet", "when": "editorTextFocus", "args": { "snippet": "console.log(${TM_SELECTED_TEXT}$1)$2;" } }
@vladimirvasilchenko9714
@vladimirvasilchenko9714 Місяць тому
❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥
@DavidAbdilazizov
@DavidAbdilazizov 27 днів тому
А как убрать верхний панель (файл,правка,вид и т.д) на windows
@MrSunTrope
@MrSunTrope 4 місяці тому
А где взять снипеты для реакта? В файлах нету.
@REDGroup
@REDGroup 4 місяці тому
Там все в одном файле, это самые актуальные
@Gazovchik
@Gazovchik 4 місяці тому
Считаю, что это чуть ли не Самое Первое - настройки и Сочетания Клавиш - что нужно освоить когда Только Начинаешь учиться программированию. Всем Адекватности мира и добра, ребята.
@shevnikoff3069
@shevnikoff3069 4 місяці тому
Я уверен что этот канал будет успешным! Спасибо за контент и всех с наступающим новым годом!
@user-ux4le1tf3y
@user-ux4le1tf3y Місяць тому
а как то можно сделать, что бы при декомпозиции объекта не переносилось на новую строку? const { register, formState: { errors }, handleSubmit } = useForm({ mode: 'onChange' }); вот этот перенос ну не очень удобен что ли
@404Negative
@404Negative 2 дні тому
это удобно, привыкай! © prettier
@neptunsk1y
@neptunsk1y 4 місяці тому
давай настройку по терминалу
@404Negative
@404Negative 2 дні тому
у меня в файле хоткеев было 500 строк до твоего видео. тем неменее все твои хоткеи добавил, тк. у меня их не было!!
@ananasios
@ananasios 4 місяці тому
Дядька выложи архив со шрифтами пожалуйста
@REDGroup
@REDGroup 4 місяці тому
Шрифты разных авторов, я не имею права их раздавать.
@user-ho9lx2nz2o
@user-ho9lx2nz2o 19 днів тому
👍👍😁😁
@walterwhite4407
@walterwhite4407 4 місяці тому
ЙОВ ЙОВ ЙОВ -СПААСИБО МЕН
@MacChickenBodyMaffin
@MacChickenBodyMaffin 4 місяці тому
Вопрос,. почему у меня не работает прописной шрифт в комментариях? все скопировал, но текст просто италик.
@odinokun
@odinokun 3 місяці тому
Это от шрифта зависит. Не у каждого шрифта есть прописное начертание
@user-nx8pg3gw8d
@user-nx8pg3gw8d 4 місяці тому
Ну прям сигма
@g_dragon9232
@g_dragon9232 4 місяці тому
добиваем 1к лайков у меня дипломная работа такая ))))
@REDGroup
@REDGroup 4 місяці тому
Какая?
@g_dragon9232
@g_dragon9232 4 місяці тому
Планер либо todolist
@someChicoRy
@someChicoRy 4 місяці тому
лайк авансом сразу)
@Fair_Citizen
@Fair_Citizen 2 місяці тому
Как сохранить эти все настройки?
@Polnochniy_Laplace
@Polnochniy_Laplace 2 місяці тому
Ты про расширения или плагины? Если про плагины, то нужно их сохранить в json файл при помощи Ctrl+S
@good_asfuck
@good_asfuck 2 місяці тому
хосподе, добавь уже себе тему Ayu (dark/mirage без border'ов) :)
@FerelUltra
@FerelUltra 4 місяці тому
в архиве нет сниппетов для реакта
@REDGroup
@REDGroup 4 місяці тому
Они внутри стрепетов некст
@moloko13245
@moloko13245 4 місяці тому
Огонь
@YuukiEuphoria
@YuukiEuphoria 4 місяці тому
Надо таймкоды 🥲
@YuukiEuphoria
@YuukiEuphoria 4 місяці тому
А, они есть. Отмена 🎉
@Anatoly8818
@Anatoly8818 3 місяці тому
А с VIM у тебя не пошло что ли?)
@REDGroup
@REDGroup 3 місяці тому
Да, потратил 2 месяца почти впустую
@goldovyidozhdik3430
@goldovyidozhdik3430 3 місяці тому
Вот бы ещё он жрал ресурсов меньше чем докер-композ на винде
@unicoxr5tj417
@unicoxr5tj417 4 місяці тому
важная тема
@fgewbtrfdhsb
@fgewbtrfdhsb 4 місяці тому
❤❤❤❤❤
@azittoo4362
@azittoo4362 4 місяці тому
Успел😂
@tomitomion1179
@tomitomion1179 4 місяці тому
Дядь где ты ботов в комменты покупаешь?
@REDGroup
@REDGroup 4 місяці тому
Ни разу на своем ютуб канале мы ничего не закупали. А Вы завидуете?
@bublck-gt1lo
@bublck-gt1lo 2 дні тому
Сам пишет
@kirillweikum1355
@kirillweikum1355 4 місяці тому
rekomenduju toshe => Snippet Generator
@artaniszeratul9297
@artaniszeratul9297 4 місяці тому
+++++++++++++++++++++
@ruslangilyazov7733
@ruslangilyazov7733 3 місяці тому
Webstorm посмотреть тоже было бы интересно!
@REDGroup
@REDGroup 3 місяці тому
На днях выйдет
@walterwhite4407
@walterwhite4407 4 місяці тому
@mailon562
@mailon562 4 місяці тому
Спасибо, настройки топ, нашел для себя что-то новенькое Хлебные крошка можно полностью убрать через настройку: "breadcrumbs.enabled": false
@REDGroup
@REDGroup 4 місяці тому
Пожалуйста. Не они полезные иногда
@walterwhite4407
@walterwhite4407 28 днів тому
+
@avkuzovlev
@avkuzovlev 4 місяці тому
На <a href="#" class="seekto" data-time="2175">36:15</a> ругань на буквы, похожие в русской и английской раскладке отключается настройкой "editor.unicodeHighlight.ambiguousCharacters": false
VS Code - установка и настройка. ТОП 5 плагинов. Редактор кода Visual Studio Code
14:13
Что будет с кроссовком?
00:35
Аришнев
Переглядів 2,5 млн
КАК ГЛОТАЮТ ШПАГУ?😳
00:33
Masomka
Переглядів 2,2 млн
12 VS Code Extensions to INCREASE Productivity 2024
27:13
Devression
Переглядів 420 тис.
С НУЛЯ до MIDDLE front-end - готовый план!
26:20
RED Group
Переглядів 46 тис.
GigaCode. Небольшой обзор
8:57
Андрей Старинин
Переглядів 8 тис.
ZED убийца VS Code? Новый редактор кода!
16:02
Десять настроек VSCode, которые применяю на всех компьютерах
13:35
WebDev с нуля. Канал Алекса Лущенко
Переглядів 10 тис.