Полный курс по настройке 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
🔥 Оформить премиум подписку - htmllessons.ru/premium 1000 лайков и я выпускаю проект на Nextjs 14 2000 лайков, снимаю настройку Webstorm Если готовы выпустить темы под нашим брендом t.me/red_support_bot
не верится что уже четвёртая часть, каждый год прихожу сюда и каждый раз узнаю что то новое, спасибо Макс 🚀
Классное видео. Пересмотрел твои видео настроек с предыдущих лет - явный прогресс в качестве и информативности. Пока смотрел - раз 10 хотел лайк поставить (он уже был поставлен на первых минутах) Спасибо.
Спасибо, хоть м пользуюсь web storm, но регулярно смотрю твой выпуск по vsCode, спасибо за твои труды!
@REDGroup
4 ай бұрын
Пожалуйста
Супер! Интересно и практично! С Новым 2024 годом!!! Успехов, вдохновения, сил и здоровья!
@REDGroup
4 ай бұрын
Спасибо
Скачал! Все сделал, как сказано по видосу, мне все зашло, все настроил пушечка, всем рекомендую!
Спасибо, Максим! Отличные видео! Успехов тебе и мотивации! А просмотры, не переживай, набегут!
Спасибо за очень полезную информацию! 🔥🔥🔥
Спасибо за полезную информацию 🔥
Макс, сними пожалуйста, как терминал настроить) этот видос - лютый кайф ❤
@goldyguy9151
4 ай бұрын
о хорошая идея
Большое спасибо за контент!
про вебштормикус бы какие-то приемы позыркать) Лайк при любых раскладах, знаю что данный видос будет многим полезен
Топовый видос, огромное спасибо! Парни из RED Group, у вас не планируются интенсивы по VUE случайно?
@REDGroup
4 ай бұрын
Пока не планируется, мне vue не понравился. Но в будущем для расширения думаю возможно
Классное видео! Спасибо 🙏
Макс, спасибо за полезный контент.
Thanks! Useful information.👍👍👍
Огромное спасибо за труд
@REDGroup
4 ай бұрын
Пожалуйста 🙏
Thank you for every thing. This is the good settings for VS CODE
Только вчера переустановил винду и думал, как настроить vscode и тут ты выпускаешь видео👍
Спасибо, было полезно!
@REDGroup
4 ай бұрын
Пожалуйста
Настройка топ, спасибо что подробно объяснил все моменты, VSCode стал гораздо удобнее!
классное видео) большое спасибо
Лайк однозначно. Много инетересного.
Привет 👋🏻 Как называется стиль терминала в Mac OS?
Настройка реально топовая)) Макс, лучший))
Огромное спасибо за сочетание клавиш на создание файла и папки в боковой панели файлов.
Спасибо! Очень круто! Подскажи пожалуйста, что меняет "===" и "=>" на более компактный вид, у меня это почему то не заработало.
@REDGroup
4 ай бұрын
Ligatures и шрифт должен это поддерживать
.Било би круто увидеть настройку WebStorm, так как уже год на нем программирую
Спасибо, чисто комент дял продвижения
кайфовая настройка, аж появилось желание покодить
Твоя настройка просто топ из топов
Привет!! Можешь показать как сделать красивый Drag and Drop list на реакте с анимацией без библиотек?
А есть архив шрифтов? которые указаны в settings json
Я уверен что этот канал будет успешным! Спасибо за контент и всех с наступающим новым годом!
от души
поправь пожалуйста настройку для VS Code (которая в ссылке под видео для скачивания). там нет файла для react снипетов. только для next. залайкайте плиз чтоб увидел
Макс, а как называется программа для помодоро (запуск таймера работы и отдыха)?
@REDGroup
4 ай бұрын
Flow app
Топ настройки 🎉
а где остальные сниметы? В архиве ток next и js сниппеты
Ку, скачал твой архив с кастомкой, как его применить, в какую директорию разместить VS?
@REDGroup
4 ай бұрын
В видео все рассказал, там все по разным местам
Добрый, настройки классные, еще бы архив со шрифтами, было бы огонь!
@REDGroup
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;" } }
Привет, я только учусь программировать, подскажи пожалуйста, как вернуть в настройках возможность выбора языка в новом файле, как это было подефолту( там поле для выбора было) либо подскажи как быстро это делать в текущих твоих настройках?
@REDGroup
4 ай бұрын
Привет, в настройках не помню. Открываешь командую строку cmd shift p и пишешь change lang mode
@illirel
4 ай бұрын
@@REDGroupСпасибо
Спасибо, скачал, но нет по реакту сниппетов(
здравствуйте у меня vs code работает неправылно пожалуйста помогите когда я нажимаю пробел чтобы было место между слово если сразу не напишу само себе блокирует место
Так и не понял где ты взял код для «мои горячие клавиши» и сниппеты
спасибо
а как применить я код вставил но не преминяется. ?
топчик
братан, контент огонь, полезно и информативно. просьба - можно оформить рекламу не так назойливо? ощущение что ты готов из монитора ко мне выползти. благодарю за твою деятельность.
@REDGroup
4 ай бұрын
Что вы имеете ввиду? Спасибо
спс бро
блин не могу почему то установить настройки, как их сохранить то?
Считаю, что это чуть ли не Самое Первое - настройки и Сочетания Клавиш - что нужно освоить когда Только Начинаешь учиться программированию. Всем Адекватности мира и добра, ребята.
Кайфовая настройка
не открываються скаченные файлы, пишет что "не поддерживает кодировку текста" хотя стоит UTF-8
No working liteservers with ls_index=None, archival=None есть у кого понимание как это решить?
А как убрать верхний панель (файл,правка,вид и т.д) на windows
Можно ли оформить подписку с Узбекистана, я самостоятельно хотел заплатить но не получилось
@REDGroup
4 ай бұрын
Конечно можно, напишите в наш бот отправим ссылку t.me/red_support_bot
🔥🔥🔥🔥
а как форматируєш scss? Prettier?
@REDGroup
3 ай бұрын
Prettier
хосподе, добавь уже себе тему Ayu (dark/mirage без border'ов) :)
в файле vs-code-redgroup-2024 нет сниппетов для реакта, есть для next и js, добавь пожалуйста
@REDGroup
4 ай бұрын
А я только их использую, те решил не добавлять. Там они подходят для реакта
жду Проект на next14
В VS Code при выводе командой print русскоязычного текста получаю белые ромбики с вопросиками (У меня Windows 10). При этом в Power Shell и в интерпретаторе Python с русским всё нормально. У Вас этой проблемы нет в VS Code, потому что Mac. Можете подсказать как эту проблему решить в винде? Пробовал решать, как рекомендуют в интернете, через Пуск-Параметры-Время язык-Язык-Административные языковые параметры-Изменить языковые параметры системы, и далее галочка в Бета-версии. Однако этот способ корёжит шрифты теперь уже в других программах.
@JohnSmith-ty5rk
4 ай бұрын
Тоже не смог победить полностью в том числе эту проблему и счел, что проще развернуть виртуалку с Debian и заниматься разработкой там. Сейчас у меня на основной машине Debian, а в виртуалке Windows 10 для 1С и MS Office ;))
🔥🔥🔥🔥🔥🔥🔥
💯💯💯
дружище от души тебе за эту информацию 👍👍👍👍👍👍 как тебе сто лайков поставить я не знаю, прости, могу только один
🔥🔥🔥🔥🔥🔥🔥🔥
а как то можно сделать, что бы при декомпозиции объекта не переносилось на новую строку? const { register, formState: { errors }, handleSubmit } = useForm({ mode: 'onChange' }); вот этот перенос ну не очень удобен что ли
@404Negative
15 күн бұрын
это удобно, привыкай! © prettier
Круто спасибо за контент
❤❤❤
Как же много словесного шума. Вроде все по делу, но в фоне слушать не так приятно как ожидалось. Возможно, из рекомендаций было бы дать - подготовить какой-то сценарий, чтобы во время записи не было «забыл», «не помню» и лишних «а» «э» и «эм». Все же приятно, когда не только чистый код, но и чистая речь.
@REDGroup
4 ай бұрын
А какой может быть сценарий в настройке vs code? Или когда мы пишем большие проекты
@andrewtcarev2654
4 ай бұрын
@@REDGroup рассмотрим ситуацию с VS Code: сделать список того, что вы хотите донести аудитории → посмотреть на этот список и добавить последовательность → подготовиться к каждому пункту → записать черновой вариант того, что получилось → пересмотреть видео → понять, что можно улучшить (например, убрать те же слова паразиты, которые, как мне кажется, из-за того, что вы больше импровизируете, чем подготавливаетесь заранее) → переснять видео. Как итог, получаем базу, с которой можно работать, видим, что было сделано плохо, а где было отлично.
@andrewtcarev2654
4 ай бұрын
@@REDGroup насчет больших проектов тут уже посложнее, так как отснять иде и подготовить большую тему это все же разное, но принцип примерно такой же. Смотреть приятно, картинка классная, но шум из слов паразитов портит картину :/ Если есть команда, которая состоит не из 1 вас и 1 монтажера, то можно распределить обязанности, кто-то напишет план → другой подготовит текст → вы читаете текст, ознакомившись с планом и то, что подготовили коллеги → вносите правки → снимаете
@REDGroup
4 ай бұрын
@andrewtcarev2654 сейчас я не могу себе позволить выпускать видео раз в месяц. Поэтому приходится чем то жертвовать. Опять же это наш стиль как видите по комментариям всем все нравится, пусть лучше так зато аудитория получает 4 видео в месяц а не одно. Вы должны понимать в отличие от других блогеров, у меня кроме ютуба огромный пласт работы по бизнесу и по разработке htmllessons 2.0
@andrewtcarev2654
4 ай бұрын
@@REDGroup понимаю это прекрасно. Поэтому и даю свой фидбек. Надеюсь, вы понимаете, что фидбек ≠ обязательное исполнение. Я лишь высказал своё мнение, которое, возможно, в будущем будет учтено и качество контента, как мне кажется, будет лучше. Но опять же, воспринимать это стоит как фидбек)
у меня в файле хоткеев было 500 строк до твоего видео. тем неменее все твои хоткеи добавил, тк. у меня их не было!!
Даже лайк не жалко
А где взять снипеты для реакта? В файлах нету.
@REDGroup
4 ай бұрын
Там все в одном файле, это самые актуальные
давай настройку по терминалу
klass
🤩
Дядька выложи архив со шрифтами пожалуйста
@REDGroup
4 ай бұрын
Шрифты разных авторов, я не имею права их раздавать.
лайк авансом сразу)
Вопрос,. почему у меня не работает прописной шрифт в комментариях? все скопировал, но текст просто италик.
@odinokun
3 ай бұрын
Это от шрифта зависит. Не у каждого шрифта есть прописное начертание
❤🔥❤🔥❤🔥❤🔥❤🔥❤🔥❤🔥
Как сохранить эти все настройки?
@Polnochniy_Laplace
3 ай бұрын
Ты про расширения или плагины? Если про плагины, то нужно их сохранить в json файл при помощи Ctrl+S
Огонь
добиваем 1к лайков у меня дипломная работа такая ))))
@REDGroup
4 ай бұрын
Какая?
@g_dragon9232
4 ай бұрын
Планер либо todolist
А с VIM у тебя не пошло что ли?)
@REDGroup
4 ай бұрын
Да, потратил 2 месяца почти впустую
Успел😂
ЙОВ ЙОВ ЙОВ -СПААСИБО МЕН
в архиве нет сниппетов для реакта
@REDGroup
4 ай бұрын
Они внутри стрепетов некст
важная тема
Ну прям сигма
Надо таймкоды 🥲
@YuukiEuphoria
4 ай бұрын
А, они есть. Отмена 🎉
👍👍😁😁
Вот бы ещё он жрал ресурсов меньше чем докер-композ на винде
rekomenduju toshe => Snippet Generator
Дядь где ты ботов в комменты покупаешь?
@REDGroup
4 ай бұрын
Ни разу на своем ютуб канале мы ничего не закупали. А Вы завидуете?
@bublck-gt1lo
15 күн бұрын
Сам пишет
❤❤❤❤❤
+++++++++++++++++++++
Webstorm посмотреть тоже было бы интересно!
@REDGroup
3 ай бұрын
На днях выйдет
Спасибо, настройки топ, нашел для себя что-то новенькое Хлебные крошка можно полностью убрать через настройку: "breadcrumbs.enabled": false
@REDGroup
4 ай бұрын
Пожалуйста. Не они полезные иногда