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

Sdílet
Vložit
  • čas přidán 17. 07. 2024
  • 🔥 Оформить премиум подписку - htmllessons.ru/premium?...
    ❤️ Отзывы тут - t.me/htmllessons_reviews
    🎁 Новогодний розыгрыш (10 подписок) - t.me/redgroupchannel
    1000 лайков и я выпускаю проект на Nextjs 14
    2000 лайков, снимаю настройку Webstorm
    ✨Скачать настройку VS Code - htmllessons.io/repositories/85
    Добро пожаловать на наш полный курс по настройке 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

Komentáře • 164

  • @REDGroup
    @REDGroup  Před 6 měsíci +8

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

  • @cranberry888
    @cranberry888 Před 6 měsíci +10

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

  • @odinokun
    @odinokun Před 5 měsíci

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

  • @GabrialWeb
    @GabrialWeb Před 6 měsíci +3

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

  • @grigoriyeltsov
    @grigoriyeltsov Před 5 měsíci

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

  • @KachinVictor
    @KachinVictor Před 6 měsíci

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

  • @ElmyrzaMusabecov
    @ElmyrzaMusabecov Před 6 měsíci

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

  • @huracai45
    @huracai45 Před 6 měsíci

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

  • @user-ol7vf2nz6k
    @user-ol7vf2nz6k Před 4 měsíci

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

  • @nargizagayfullina4062
    @nargizagayfullina4062 Před 6 měsíci

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

  • @user-yj7th1zo2l
    @user-yj7th1zo2l Před 6 měsíci

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

  • @AstVenFel
    @AstVenFel Před 5 měsíci

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

  • @user-dc9rv8df9k
    @user-dc9rv8df9k Před 6 měsíci

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

  • @msa76100
    @msa76100 Před 4 měsíci

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

  • @drscorpion7580
    @drscorpion7580 Před 6 měsíci

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

  • @user-tn5or4yy9e
    @user-tn5or4yy9e Před měsícem

    Очень круто!

  • @nic-ori
    @nic-ori Před 6 měsíci +2

    Thanks! Useful information.👍👍👍

  • @sterd0
    @sterd0 Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

      Пожалуйста 🙏

  • @user-ow1cx9xc9g
    @user-ow1cx9xc9g Před 5 měsíci

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

  • @sobol8555
    @sobol8555 Před 4 měsíci

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

  • @1egend_auto
    @1egend_auto Před 5 měsíci +1

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

  • @tykavka
    @tykavka Před 6 měsíci

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

  • @user-ci9xs8gs9k
    @user-ci9xs8gs9k Před měsícem

    Спасибо за видео, просто топ!!! Подскажи а есть у тебя файл со всеми шрифтами?

  • @pavels197
    @pavels197 Před 6 měsíci +2

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @alimposblack8465
    @alimposblack8465 Před 9 dny

    спасибо, мне понравилось

  • @user-zw1ps4fy5b
    @user-zw1ps4fy5b Před 6 měsíci +6

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

  • @user-uk2pj8yb3r
    @user-uk2pj8yb3r Před 6 měsíci

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

  • @user-qt6ve7ci2z
    @user-qt6ve7ci2z Před 5 měsíci

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

  • @ArpeksMenethil
    @ArpeksMenethil Před 4 měsíci +2

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

  • @RAYDNELL
    @RAYDNELL Před 6 měsíci +1

    от души

  • @bashkort_erete
    @bashkort_erete Před 6 měsíci

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

  • @alexLekomtsev
    @alexLekomtsev Před měsícem

    Спасибо за видео и настройку VSCode🔥🔥🔥🔥🔥

  • @elcho911
    @elcho911 Před 6 měsíci

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

  • @vlad_issslove
    @vlad_issslove Před 6 měsíci

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

  • @akkauntforit5661
    @akkauntforit5661 Před 20 dny

    Привет всем! Мы пользуемся VS-code у нас (2-шт MacBook pro i7 2019 16/256) и (MacBook air m2 2023 8/512) и все 3 маки сильно перегреваются и зависают
    можете подсказать почему? или может это из-за VS-code?

  • @ROZERR09
    @ROZERR09 Před 2 měsíci +1

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

  • @Liverpoolfc_1892
    @Liverpoolfc_1892 Před měsícem

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

  • @yz1915
    @yz1915 Před 5 měsíci

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

  • @beksultanbekturgan8700
    @beksultanbekturgan8700 Před 6 měsíci +1

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

  • @user-wo2jn1fb9k
    @user-wo2jn1fb9k Před 6 měsíci +1

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

    • @REDGroup
      @REDGroup  Před 6 měsíci +1

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

  • @antonovigor3005
    @antonovigor3005 Před 10 dny

    Добрый день.
    У тебя была такая ситуация, что не подсвечивается код PHP (или из другого какого языка) в HTML-файле, т.е. когда HTML содержит вставки кода на PHP (или другого языка)? Пример. У меня в php открывающие и закрывающие тэги "" подсвечены красным. Хочу также и в HTML-файле. Как это настраивается кроме как найти тему, где это уже предусмотрено? Какие есть варианты? Спасибо.

  • @AlexGabber
    @AlexGabber Před 6 měsíci +2

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

  • @chiklfkif
    @chiklfkif Před 2 měsíci

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

  • @ivanatroshchenko5310
    @ivanatroshchenko5310 Před 4 měsíci

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

  • @user-ek6bh2sz7i
    @user-ek6bh2sz7i Před měsícem

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

  • @mymail333g
    @mymail333g Před 3 měsíci

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

  • @pride444
    @pride444 Před 3 měsíci +1

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

  • @user-qj6pk9py6j
    @user-qj6pk9py6j Před 6 měsíci

    спс бро

  • @shevnikoff3069
    @shevnikoff3069 Před 6 měsíci +1

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

  • @tffghhbbv
    @tffghhbbv Před 3 měsíci

    топчик

  • @showtt9491
    @showtt9491 Před 6 měsíci +1

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

  • @DavidAbdilazizov
    @DavidAbdilazizov Před 3 měsíci

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

  • @igorzonenko8925
    @igorzonenko8925 Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @illirel
    @illirel Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

    • @illirel
      @illirel Před 6 měsíci

      @@REDGroupСпасибо

  • @koras2523
    @koras2523 Před 6 měsíci

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

  • @artywhit
    @artywhit Před 6 měsíci +2

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

  • @Djarvic
    @Djarvic Před 6 měsíci +2

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

  • @vendjin
    @vendjin Před 4 měsíci

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

    • @404Negative
      @404Negative Před 2 měsíci

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

  • @canekg
    @canekg Před 4 měsíci +1

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

  • @sergey9588
    @sergey9588 Před 6 měsíci +1

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @nikolaychernushenko9184
    @nikolaychernushenko9184 Před 6 měsíci

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

    • @JohnSmith-ty5rk
      @JohnSmith-ty5rk Před 6 měsíci

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

  • @ALEXANDER47477
    @ALEXANDER47477 Před 5 měsíci +2

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

  • @wenjoytm9376
    @wenjoytm9376 Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci +1

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

  • @someChicoRy
    @someChicoRy Před 6 měsíci +1

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

  • @user-oy2ji3so9z
    @user-oy2ji3so9z Před 6 měsíci

    🔥🔥🔥🔥

  • @itaccount1993
    @itaccount1993 Před 21 dnem

    12:01 - Spell checkers ext
    12:34 - colorize ext
    14:12 - intellicode ext
    15:19 - Multiple cursor case preserve ext
    19:17 - SVG preview ext
    19:30 - TO-DO Highlight ext

  • @RomanB-od1qn
    @RomanB-od1qn Před 5 měsíci

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

  • @Yariiiification
    @Yariiiification Před 6 měsíci +2

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @u-ra964
    @u-ra964 Před 6 měsíci

    🔥🔥🔥🔥🔥🔥🔥

  • @MrSunTrope
    @MrSunTrope Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @shba_shorts
    @shba_shorts Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @lumberpants8815
    @lumberpants8815 Před 6 měsíci +1

    💯💯💯

  • @404Negative
    @404Negative Před 2 měsíci

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

  • @smotritelyoutube
    @smotritelyoutube Před 2 měsíci

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

  • @user-zi3fp4fg8o
    @user-zi3fp4fg8o Před 6 měsíci

    🔥🔥🔥🔥🔥🔥🔥🔥

  • @Gazovchik
    @Gazovchik Před 6 měsíci +2

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

  • @MacChickenBodyMaffin
    @MacChickenBodyMaffin Před 6 měsíci

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

    • @odinokun
      @odinokun Před 5 měsíci +1

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

  • @JaxongirMirhalikov
    @JaxongirMirhalikov Před 6 měsíci +1

    klass

  • @xanff1103
    @xanff1103 Před 6 měsíci +1

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

  • @mialii7940
    @mialii7940 Před 2 měsíci

    🤩

  • @xanff1103
    @xanff1103 Před 6 měsíci +1

    ❤❤❤

  • @Fair_Citizen
    @Fair_Citizen Před 5 měsíci

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

    • @Polnochniy_Laplace
      @Polnochniy_Laplace Před 5 měsíci

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

  • @neptunsk1y
    @neptunsk1y Před 6 měsíci

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

  • @moloko13245
    @moloko13245 Před 6 měsíci +2

    Огонь

  • @user-ov8xk7cn9e
    @user-ov8xk7cn9e Před měsícem

    эх, в архиве ток next и js сниппеты

  • @di_Battista
    @di_Battista Před 3 měsíci

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

  • @ananasios
    @ananasios Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @azittoo4362
    @azittoo4362 Před 6 měsíci +1

    Успел😂

  • @walterwhite4407
    @walterwhite4407 Před 6 měsíci

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

  • @unicoxr5tj417
    @unicoxr5tj417 Před 6 měsíci +1

    важная тема

  • @user-gd3kd3el5d
    @user-gd3kd3el5d Před 21 dnem

    в гугл драйве нет реакт сниппетов, было б здорово если добавили

  • @vladimirvasilchenko9714
    @vladimirvasilchenko9714 Před 3 měsíci

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

  • @FerelUltra
    @FerelUltra Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci +1

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

  • @user-ho9lx2nz2o
    @user-ho9lx2nz2o Před 3 měsíci

    👍👍😁😁

  • @ermekilichov8994
    @ermekilichov8994 Před 10 dny

    Ссылка не работает

  • @user-nx8pg3gw8d
    @user-nx8pg3gw8d Před 6 měsíci

    Ну прям сигма

  • @good_asfuck
    @good_asfuck Před 5 měsíci +1

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

  • @Anatoly8818
    @Anatoly8818 Před 6 měsíci

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

    • @REDGroup
      @REDGroup  Před 6 měsíci

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

  • @g_dragon9232
    @g_dragon9232 Před 6 měsíci

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

  • @tomitomion1179
    @tomitomion1179 Před 6 měsíci +18

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

    • @REDGroup
      @REDGroup  Před 6 měsíci +5

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

    • @пидрила-спид
      @пидрила-спид Před 5 dny

      ​@@REDGroup😂