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

🔥 Оформить премиум подписку - 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

Пікірлер: 150

  • @REDGroup
    @REDGroup4 ай бұрын

    🔥 Оформить премиум подписку - htmllessons.ru/premium 1000 лайков и я выпускаю проект на Nextjs 14 2000 лайков, снимаю настройку Webstorm Если готовы выпустить темы под нашим брендом t.me/red_support_bot

  • @cranberry888
    @cranberry8884 ай бұрын

    не верится что уже четвёртая часть, каждый год прихожу сюда и каждый раз узнаю что то новое, спасибо Макс 🚀

  • @odinokun
    @odinokun3 ай бұрын

    Классное видео. Пересмотрел твои видео настроек с предыдущих лет - явный прогресс в качестве и информативности. Пока смотрел - раз 10 хотел лайк поставить (он уже был поставлен на первых минутах) Спасибо.

  • @GabrialWeb
    @GabrialWeb4 ай бұрын

    Спасибо, хоть м пользуюсь web storm, но регулярно смотрю твой выпуск по vsCode, спасибо за твои труды!

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Пожалуйста

  • @KachinVictor
    @KachinVictor4 ай бұрын

    Супер! Интересно и практично! С Новым 2024 годом!!! Успехов, вдохновения, сил и здоровья!

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Спасибо

  • @huracai45
    @huracai454 ай бұрын

    Скачал! Все сделал, как сказано по видосу, мне все зашло, все настроил пушечка, всем рекомендую!

  • @grigoriyeltsov
    @grigoriyeltsov3 ай бұрын

    Спасибо, Максим! Отличные видео! Успехов тебе и мотивации! А просмотры, не переживай, набегут!

  • @ElmyrzaMusabecov
    @ElmyrzaMusabecov4 ай бұрын

    Спасибо за очень полезную информацию! 🔥🔥🔥

  • @nargizagayfullina4062
    @nargizagayfullina40624 ай бұрын

    Спасибо за полезную информацию 🔥

  • @user-zw1ps4fy5b
    @user-zw1ps4fy5b4 ай бұрын

    Макс, сними пожалуйста, как терминал настроить) этот видос - лютый кайф ❤

  • @goldyguy9151

    @goldyguy9151

    4 ай бұрын

    о хорошая идея

  • @user-yj7th1zo2l
    @user-yj7th1zo2l4 ай бұрын

    Большое спасибо за контент!

  • @AlexGabber
    @AlexGabber4 ай бұрын

    про вебштормикус бы какие-то приемы позыркать) Лайк при любых раскладах, знаю что данный видос будет многим полезен

  • @pavels197
    @pavels1974 ай бұрын

    Топовый видос, огромное спасибо! Парни из RED Group, у вас не планируются интенсивы по VUE случайно?

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Пока не планируется, мне vue не понравился. Но в будущем для расширения думаю возможно

  • @user-ol7vf2nz6k
    @user-ol7vf2nz6k2 ай бұрын

    Классное видео! Спасибо 🙏

  • @user-dc9rv8df9k
    @user-dc9rv8df9k4 ай бұрын

    Макс, спасибо за полезный контент.

  • @nic-ori
    @nic-ori4 ай бұрын

    Thanks! Useful information.👍👍👍

  • @sterd0
    @sterd04 ай бұрын

    Огромное спасибо за труд

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Пожалуйста 🙏

  • @user-ow1cx9xc9g
    @user-ow1cx9xc9g3 ай бұрын

    Thank you for every thing. This is the good settings for VS CODE

  • @bashkort_erete
    @bashkort_erete4 ай бұрын

    Только вчера переустановил винду и думал, как настроить vscode и тут ты выпускаешь видео👍

  • @drscorpion7580
    @drscorpion75804 ай бұрын

    Спасибо, было полезно!

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Пожалуйста

  • @sobol8555
    @sobol85552 ай бұрын

    Настройка топ, спасибо что подробно объяснил все моменты, VSCode стал гораздо удобнее!

  • @AstVenFel
    @AstVenFel3 ай бұрын

    классное видео) большое спасибо

  • @msa76100
    @msa761002 ай бұрын

    Лайк однозначно. Много инетересного.

  • @elcho911
    @elcho9114 ай бұрын

    Привет 👋🏻 Как называется стиль терминала в Mac OS?

  • @tykavka
    @tykavka4 ай бұрын

    Настройка реально топовая)) Макс, лучший))

  • @mymail333g
    @mymail333gАй бұрын

    Огромное спасибо за сочетание клавиш на создание файла и папки в боковой панели файлов.

  • @user-wo2jn1fb9k
    @user-wo2jn1fb9k4 ай бұрын

    Спасибо! Очень круто! Подскажи пожалуйста, что меняет "===" и "=>" на более компактный вид, у меня это почему то не заработало.

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Ligatures и шрифт должен это поддерживать

  • @artywhit
    @artywhit4 ай бұрын

    .Било би круто увидеть настройку WebStorm, так как уже год на нем программирую

  • @beksultanbekturgan8700
    @beksultanbekturgan87004 ай бұрын

    Спасибо, чисто комент дял продвижения

  • @user-uk2pj8yb3r
    @user-uk2pj8yb3r4 ай бұрын

    кайфовая настройка, аж появилось желание покодить

  • @1egend_auto
    @1egend_auto3 ай бұрын

    Твоя настройка просто топ из топов

  • @user-yh6wv4zx6s
    @user-yh6wv4zx6s4 ай бұрын

    Привет!! Можешь показать как сделать красивый Drag and Drop list на реакте с анимацией без библиотек?

  • @ivanatroshchenko5310
    @ivanatroshchenko53102 ай бұрын

    А есть архив шрифтов? которые указаны в settings json

  • @shevnikoff3069
    @shevnikoff30694 ай бұрын

    Я уверен что этот канал будет успешным! Спасибо за контент и всех с наступающим новым годом!

  • @RAYDNELL
    @RAYDNELL4 ай бұрын

    от души

  • @ALEXANDER47477
    @ALEXANDER474773 ай бұрын

    поправь пожалуйста настройку для VS Code (которая в ссылке под видео для скачивания). там нет файла для react снипетов. только для next. залайкайте плиз чтоб увидел

  • @showtt9491
    @showtt94914 ай бұрын

    Макс, а как называется программа для помодоро (запуск таймера работы и отдыха)?

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Flow app

  • @vlad_issslove
    @vlad_issslove4 ай бұрын

    Топ настройки 🎉

  • @ArpeksMenethil
    @ArpeksMenethil2 ай бұрын

    а где остальные сниметы? В архиве ток next и js сниппеты

  • @igorzonenko8925
    @igorzonenko89254 ай бұрын

    Ку, скачал твой архив с кастомкой, как его применить, в какую директорию разместить VS?

  • @REDGroup

    @REDGroup

    4 ай бұрын

    В видео все рассказал, там все по разным местам

  • @sergey9588
    @sergey95884 ай бұрын

    Добрый, настройки классные, еще бы архив со шрифтами, было бы огонь!

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Шрифты не мои, поэтому раздавать не буду, да и у меня их нет в одном месте

  • @alexmarch
    @alexmarch4 ай бұрын

    по хоткеям очень частый для дебага 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;" } }

  • @illirel
    @illirel4 ай бұрын

    Привет, я только учусь программировать, подскажи пожалуйста, как вернуть в настройках возможность выбора языка в новом файле, как это было подефолту( там поле для выбора было) либо подскажи как быстро это делать в текущих твоих настройках?

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Привет, в настройках не помню. Открываешь командую строку cmd shift p и пишешь change lang mode

  • @illirel

    @illirel

    4 ай бұрын

    @@REDGroupСпасибо

  • @canekg
    @canekg2 ай бұрын

    Спасибо, скачал, но нет по реакту сниппетов(

  • @user-qt6ve7ci2z
    @user-qt6ve7ci2z3 ай бұрын

    здравствуйте у меня vs code работает неправылно пожалуйста помогите когда я нажимаю пробел чтобы было место между слово если сразу не напишу само себе блокирует место

  • @pride444
    @pride444Ай бұрын

    Так и не понял где ты взял код для «мои горячие клавиши» и сниппеты

  • @KadridinAlmarsov
    @KadridinAlmarsovАй бұрын

    спасибо

  • @ROZERR09
    @ROZERR0925 күн бұрын

    а как применить я код вставил но не преминяется. ?

  • @tffghhbbv
    @tffghhbbvАй бұрын

    топчик

  • @Yariiiification
    @Yariiiification4 ай бұрын

    братан, контент огонь, полезно и информативно. просьба - можно оформить рекламу не так назойливо? ощущение что ты готов из монитора ко мне выползти. благодарю за твою деятельность.

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Что вы имеете ввиду? Спасибо

  • @user-qj6pk9py6j
    @user-qj6pk9py6j4 ай бұрын

    спс бро

  • @yz1915
    @yz19153 ай бұрын

    блин не могу почему то установить настройки, как их сохранить то?

  • @Gazovchik
    @Gazovchik4 ай бұрын

    Считаю, что это чуть ли не Самое Первое - настройки и Сочетания Клавиш - что нужно освоить когда Только Начинаешь учиться программированию. Всем Адекватности мира и добра, ребята.

  • @pirogok1
    @pirogok14 ай бұрын

    Кайфовая настройка

  • @Liverpoolfc_1892
    @Liverpoolfc_1892Күн бұрын

    не открываються скаченные файлы, пишет что "не поддерживает кодировку текста" хотя стоит UTF-8

  • @chiklfkif
    @chiklfkif5 күн бұрын

    No working liteservers with ls_index=None, archival=None есть у кого понимание как это решить?

  • @DavidAbdilazizov
    @DavidAbdilazizovАй бұрын

    А как убрать верхний панель (файл,правка,вид и т.д) на windows

  • @shba_shorts
    @shba_shorts4 ай бұрын

    Можно ли оформить подписку с Узбекистана, я самостоятельно хотел заплатить но не получилось

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Конечно можно, напишите в наш бот отправим ссылку t.me/red_support_bot

  • @user-oy2ji3so9z
    @user-oy2ji3so9z4 ай бұрын

    🔥🔥🔥🔥

  • @RomanB-od1qn
    @RomanB-od1qn3 ай бұрын

    а как форматируєш scss? Prettier?

  • @REDGroup

    @REDGroup

    3 ай бұрын

    Prettier

  • @good_asfuck
    @good_asfuck3 ай бұрын

    хосподе, добавь уже себе тему Ayu (dark/mirage без border'ов) :)

  • @wenjoytm9376
    @wenjoytm93764 ай бұрын

    в файле vs-code-redgroup-2024 нет сниппетов для реакта, есть для next и js, добавь пожалуйста

  • @REDGroup

    @REDGroup

    4 ай бұрын

    А я только их использую, те решил не добавлять. Там они подходят для реакта

  • @xanff1103
    @xanff11034 ай бұрын

    жду Проект на next14

  • @nikolaychernushenko9184
    @nikolaychernushenko91844 ай бұрын

    В VS Code при выводе командой print русскоязычного текста получаю белые ромбики с вопросиками (У меня Windows 10). При этом в Power Shell и в интерпретаторе Python с русским всё нормально. У Вас этой проблемы нет в VS Code, потому что Mac. Можете подсказать как эту проблему решить в винде? Пробовал решать, как рекомендуют в интернете, через Пуск-Параметры-Время язык-Язык-Административные языковые параметры-Изменить языковые параметры системы, и далее галочка в Бета-версии. Однако этот способ корёжит шрифты теперь уже в других программах.

  • @JohnSmith-ty5rk

    @JohnSmith-ty5rk

    4 ай бұрын

    Тоже не смог победить полностью в том числе эту проблему и счел, что проще развернуть виртуалку с Debian и заниматься разработкой там. Сейчас у меня на основной машине Debian, а в виртуалке Windows 10 для 1С и MS Office ;))

  • @u-ra964
    @u-ra9644 ай бұрын

    🔥🔥🔥🔥🔥🔥🔥

  • @lumberpants8815
    @lumberpants88154 ай бұрын

    💯💯💯

  • @di_Battista
    @di_BattistaАй бұрын

    дружище от души тебе за эту информацию 👍👍👍👍👍👍 как тебе сто лайков поставить я не знаю, прости, могу только один

  • @user-zi3fp4fg8o
    @user-zi3fp4fg8o4 ай бұрын

    🔥🔥🔥🔥🔥🔥🔥🔥

  • @user-ux4le1tf3y
    @user-ux4le1tf3y2 ай бұрын

    а как то можно сделать, что бы при декомпозиции объекта не переносилось на новую строку? const { register, formState: { errors }, handleSubmit } = useForm({ mode: 'onChange' }); вот этот перенос ну не очень удобен что ли

  • @404Negative

    @404Negative

    15 күн бұрын

    это удобно, привыкай! © prettier

  • @Djarvic
    @Djarvic4 ай бұрын

    Круто спасибо за контент

  • @xanff1103
    @xanff11034 ай бұрын

    ❤❤❤

  • @andrewtcarev2654
    @andrewtcarev26544 ай бұрын

    Как же много словесного шума. Вроде все по делу, но в фоне слушать не так приятно как ожидалось. Возможно, из рекомендаций было бы дать - подготовить какой-то сценарий, чтобы во время записи не было «забыл», «не помню» и лишних «а» «э» и «эм». Все же приятно, когда не только чистый код, но и чистая речь.

  • @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 понимаю это прекрасно. Поэтому и даю свой фидбек. Надеюсь, вы понимаете, что фидбек ≠ обязательное исполнение. Я лишь высказал своё мнение, которое, возможно, в будущем будет учтено и качество контента, как мне кажется, будет лучше. Но опять же, воспринимать это стоит как фидбек)

  • @404Negative
    @404Negative15 күн бұрын

    у меня в файле хоткеев было 500 строк до твоего видео. тем неменее все твои хоткеи добавил, тк. у меня их не было!!

  • @smotritelyoutube
    @smotritelyoutube3 күн бұрын

    Даже лайк не жалко

  • @MrSunTrope
    @MrSunTrope4 ай бұрын

    А где взять снипеты для реакта? В файлах нету.

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Там все в одном файле, это самые актуальные

  • @neptunsk1y
    @neptunsk1y4 ай бұрын

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

  • @JaxongirMirhalikov
    @JaxongirMirhalikov4 ай бұрын

    klass

  • @mialii7940
    @mialii794025 күн бұрын

    🤩

  • @ananasios
    @ananasios4 ай бұрын

    Дядька выложи архив со шрифтами пожалуйста

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Шрифты разных авторов, я не имею права их раздавать.

  • @someChicoRy
    @someChicoRy4 ай бұрын

    лайк авансом сразу)

  • @MacChickenBodyMaffin
    @MacChickenBodyMaffin4 ай бұрын

    Вопрос,. почему у меня не работает прописной шрифт в комментариях? все скопировал, но текст просто италик.

  • @odinokun

    @odinokun

    3 ай бұрын

    Это от шрифта зависит. Не у каждого шрифта есть прописное начертание

  • @vladimirvasilchenko9714
    @vladimirvasilchenko9714Ай бұрын

    ❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

  • @Fair_Citizen
    @Fair_Citizen3 ай бұрын

    Как сохранить эти все настройки?

  • @Polnochniy_Laplace

    @Polnochniy_Laplace

    3 ай бұрын

    Ты про расширения или плагины? Если про плагины, то нужно их сохранить в json файл при помощи Ctrl+S

  • @moloko13245
    @moloko132454 ай бұрын

    Огонь

  • @g_dragon9232
    @g_dragon92324 ай бұрын

    добиваем 1к лайков у меня дипломная работа такая ))))

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Какая?

  • @g_dragon9232

    @g_dragon9232

    4 ай бұрын

    Планер либо todolist

  • @Anatoly8818
    @Anatoly88184 ай бұрын

    А с VIM у тебя не пошло что ли?)

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Да, потратил 2 месяца почти впустую

  • @azittoo4362
    @azittoo43624 ай бұрын

    Успел😂

  • @walterwhite4407
    @walterwhite44074 ай бұрын

    ЙОВ ЙОВ ЙОВ -СПААСИБО МЕН

  • @FerelUltra
    @FerelUltra4 ай бұрын

    в архиве нет сниппетов для реакта

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Они внутри стрепетов некст

  • @unicoxr5tj417
    @unicoxr5tj4174 ай бұрын

    важная тема

  • @user-nx8pg3gw8d
    @user-nx8pg3gw8d4 ай бұрын

    Ну прям сигма

  • @YuukiEuphoria
    @YuukiEuphoria4 ай бұрын

    Надо таймкоды 🥲

  • @YuukiEuphoria

    @YuukiEuphoria

    4 ай бұрын

    А, они есть. Отмена 🎉

  • @user-ho9lx2nz2o
    @user-ho9lx2nz2oАй бұрын

    👍👍😁😁

  • @goldovyidozhdik3430
    @goldovyidozhdik34304 ай бұрын

    Вот бы ещё он жрал ресурсов меньше чем докер-композ на винде

  • @kirillweikum1355
    @kirillweikum13554 ай бұрын

    rekomenduju toshe => Snippet Generator

  • @tomitomion1179
    @tomitomion11794 ай бұрын

    Дядь где ты ботов в комменты покупаешь?

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Ни разу на своем ютуб канале мы ничего не закупали. А Вы завидуете?

  • @bublck-gt1lo

    @bublck-gt1lo

    15 күн бұрын

    Сам пишет

  • @fgewbtrfdhsb
    @fgewbtrfdhsb4 ай бұрын

    ❤❤❤❤❤

  • @artaniszeratul9297
    @artaniszeratul92974 ай бұрын

    +++++++++++++++++++++

  • @ruslangilyazov7733
    @ruslangilyazov77333 ай бұрын

    Webstorm посмотреть тоже было бы интересно!

  • @REDGroup

    @REDGroup

    3 ай бұрын

    На днях выйдет

  • @mailon562
    @mailon5624 ай бұрын

    Спасибо, настройки топ, нашел для себя что-то новенькое Хлебные крошка можно полностью убрать через настройку: "breadcrumbs.enabled": false

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Пожалуйста. Не они полезные иногда

Келесі