Тёмный

Стань гуру VS Code с набором топ-фишек 

Михаил Непомнящий
Подписаться 50 тыс.
Просмотров 15 тыс.
50% 1

Популярный редактор VS Code имеет множество возможностей, упрощающих и ускоряющих повседневную жизнь разработчика. Разбираем 10 фишек, которые не слишком известны.
00:00 Анонс темы
00:19 Сравнение версий - только изменения
01:57 Source Action и рефакторинг импортов
03:43 Менеджер задач
07:42 Фишки хлебных крошек
10:34 Настройка вкладок
11:39 Скролл без мышки
12:39 Настройки вместо плагинов
14:20 Запуск тестов
16:33 Кастомные сниппеты
18:08 Чтение ошибок
19:08 Итоги
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru/rm/nepomnyasch...
paypal.me/mishanep

Наука

Опубликовано:

 

7 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 78   
@DubinArtur
@DubinArtur 7 месяцев назад
Последняя крутая фишка: закреплённые файлы находятся в отдельной линии табов сверху. Супер удобно, когда какие-то файлы нужны особо часто
@kri4evskiy
@kri4evskiy 7 месяцев назад
Супер! Спасибо. Выделил для себя несколько полезных лайфХаков. Даже перебрал свои сеттинги немного.
@igor.zxcvbnm
@igor.zxcvbnm 7 месяцев назад
Спасибо за видео. Трюки с импортами и закреплением вкладки это реально крутая вещь)))
@sh0ny
@sh0ny 7 месяцев назад
Спасибо! Было очень полезно узнать новое!
@user-vr8xd9vv7d
@user-vr8xd9vv7d 7 месяцев назад
Ооо класс, ставлю лайк, что бы вечерком перед сном быстро найти и посмотреть. Уже чувствую прилив скорости и качества
@user-ks5bg9ni4p
@user-ks5bg9ni4p 7 месяцев назад
Здраствуйте,было бы очень интересно посмотреть ваш стрим с разработкой пет проекта,всего хорошего и спасибо за труды
@LRXAORLOV
@LRXAORLOV 7 месяцев назад
Спасибо, сделал хлебные крошки как у тебя) не подумал, что можно убрать часть только) и за ф8)
@user-dn4ry3uw8i
@user-dn4ry3uw8i 7 месяцев назад
Спасибо, супер полезный канал у Вас
@flogger2367
@flogger2367 2 месяца назад
Спасибо, хороший урок, некоторые фишки открыл для себя...
@Taiga_libertarian
@Taiga_libertarian 7 месяцев назад
Михаил, огромное спасибо!!
@clashorca3165
@clashorca3165 7 месяцев назад
Как всегда, крайне полезное видео). Первоначально подумал, мол да чем там можно удивить и так все знаю...
@vadicus6534
@vadicus6534 7 месяцев назад
Привет, Михаил. Спасибо за интересное видео. Я в последнее время использую в вскоде плагин Codeium. Это AI которая помогает писать код. может формировать функции, отвечать на вопросы и т.д. Довольно интересная штука, было бы интересно увидеть твой обзор на эту тему) Все таки будущее наступило уже)
@Den-yg4wz
@Den-yg4wz 7 месяцев назад
Михаил огромное спасибо за труды на ниве просвещения аграриев! ) Скажите еще плиз как вы сделали себе такой симпатичный разноцветный терминал?
@NOX_69RUS
@NOX_69RUS 6 месяцев назад
спасибо за интересное видео
@stormd2902
@stormd2902 7 месяцев назад
Супер. Спасибо
@Vlad1998996
@Vlad1998996 7 месяцев назад
классно, побольше бы такого. Сейчас будет выглядеть как снобизм, но про переход по строкам это не Ctrl+J(джей), а Ctrl+G(джи) :).
@user-ui1ns8tt2c
@user-ui1ns8tt2c 7 месяцев назад
Спасибо большое, Михаил! Мало что знал из перечисленного. И не ожидал, что сниппеты так просто настроить. Вместо этого использовал плагин, где не использовался capitalize в сниппете useState и приходилось самому каждый раз исправлять букву в [value, setValue]. Теперь всё заработало как надо, чувство как будто выкинул какой-то громоздкий ржавый хлам с балкона От себя добавлю следующие настройки: Workbench › Editor: Wrap Tabs -- чтоб не скроллить табы влево-вправо. С уменьшенной высотой станет вдвойне удобней. Workbench › Editor: Tab Close Button -- убрал и вместо этого для закрытия вкладки жму Ctrl + W или делаю средний клик по табу. Прямо как в браузере. Workbench › Editor: Highlight Modified Tabs -- чтоб видеть, где поменял и не сохранил. Остальное вкусовщина либо очевидное вроде вордврапа, тримТрейлВайтспейс и форматОнСэйв Жду новых полезных видео!
@CJIu3eHb
@CJIu3eHb 7 месяцев назад
Тоже есть плагин со снипетами, и тоже после set буква в нижнем регистре, но когда работа со снипетом заканчивается, буква автоматом капитализируется.
@user-fl1gd2fl4r
@user-fl1gd2fl4r 7 месяцев назад
Спасибо, vs code слишком часто обновляется за всем не уследить). Хотелось бы увидеть что-то про организацию структуры/архитектуры для frontend приложений.
@user-nu8ft9zb1z
@user-nu8ft9zb1z 7 месяцев назад
fsd
@sivtsev
@sivtsev 7 месяцев назад
Огромное спасибо! 20 минут видео - минус попаболь, которая еще вчера жутко доставала.
@pavel7930
@pavel7930 7 месяцев назад
Класс! Спасибо!
@Gazovchik
@Gazovchik 7 месяцев назад
Гуру, наверное, это здорово. Есть много Довольно Полезных "секретов" в VSC, которые всё Сильно Ускоряют, мягко говоря. Всем успехов в учёбе. Мира и добра.
@azizbekkomilov3589
@azizbekkomilov3589 7 месяцев назад
Миша привет спасибо за видео ) очень много полезногоо себе взяли) естьли ли видео на канале о том как next пересадить в обычную сервервер с гит акшонами ?
@mew6085
@mew6085 7 месяцев назад
Просто абалденно
@enenotowitch628
@enenotowitch628 7 месяцев назад
7:43 navigation breadcrumps
@user-lm9ee1gn5p
@user-lm9ee1gn5p 7 месяцев назад
Спасибо
@user-vw1uf4uj5h
@user-vw1uf4uj5h 7 месяцев назад
Спасибо за интересный обзор, действительно, много нового. Помимо подсветки парных скобок, у вас выделяется весь активный блок рамкой сверху и слева. Подскажите, как этого добиться?
@mishanep
@mishanep 7 месяцев назад
Кажется ничего особенного для этого не делал. Может быть это особенность используемой мною темы - CodeSandbox 2021.
@umidullo
@umidullo 7 месяцев назад
проект GALLERY-CHANLLENGE походу сделан на FSD. Будет ли в будущем обзор этой архитектурной методологии?
@user-cz3ez4go4h
@user-cz3ez4go4h 7 месяцев назад
Михаил, спасибо за ролик. Подскажите пожалуйста, что за тему в VSCode используете
@mishanep
@mishanep 7 месяцев назад
CodeSandbox 2021
@Grigoren_com
@Grigoren_com 7 месяцев назад
щщщщщикаааарно!
@ledof4
@ledof4 7 месяцев назад
Спасибо! Frontend JavaScript typescript visual studio code VS Code react extensions
@denissavast
@denissavast 7 месяцев назад
Крутяк
@victormog
@victormog 7 месяцев назад
Работа без мышь - это особая фишка IDE (у WebStorm - это отдельным плюсом отмечается). Минус тут один - много сочетаний клавиш нужно запоминать. Но уж когда запомнишь - скорость кодинга сильно возрастает!
@3agoskin
@3agoskin 7 месяцев назад
еще можно плагин vim попробовать
@victormog
@victormog 7 месяцев назад
@@3agoskin нееее, всё на "vi" - это уже мазохизм! 😁
@bebeto123g
@bebeto123g 7 месяцев назад
Вот работаю я middle+ уже нынче. Нафига мне скорость кодинга, когда задачи по бизнес-логике съедают миллион калорий и можно за день написать в особо сложных случаях пару компонентов в реакте и сервис, ну может пару интерфейсов описать) Со временем начал считать все это инфоциганством) главное удобство фич в разработке, а не фича ради фичи) Тот же capilot на практике оказался аппендиксом ненужным, усложняющим разработку.
@andrewsam224
@andrewsam224 7 месяцев назад
Спасибо, Михаил!!! А есть видео для новичков по горячим клавишам для верстальщиков? Огромное спасибо за твой труд.
@mishanep
@mishanep 7 месяцев назад
На ютубе, кажется, такого у меня не было. На моем курсе "Инструменты разработчика" что-то подобное рассматривалось.
@andrewsam224
@andrewsam224 7 месяцев назад
@@mishanep Спасибо.
@qIsotope
@qIsotope 7 месяцев назад
Добавьте пожалуйста ваш файлик с кастомными сниппетами, если не сложно
@hogvarts
@hogvarts 7 месяцев назад
Оч понравилась фишка с компактными табами. Заметил что сверху над ними нет вс кода надписи и крестиков.. я так понимаю это просто на фул скрин развернуто ?
@mishanep
@mishanep 7 месяцев назад
Да, обычно я работаю с фулл-скрином.
@Sweet-Bubaleh
@Sweet-Bubaleh 7 месяцев назад
Скажите пожалуйста что за тему оформления используете в этом видео?
@mishanep
@mishanep 7 месяцев назад
CodeSandbox 2021
@user-bg3hu1oz4y
@user-bg3hu1oz4y 7 месяцев назад
а еще можно вебшторм юзать)
@barmaley9705
@barmaley9705 7 месяцев назад
четка по факту
@NeoCoding
@NeoCoding 7 месяцев назад
да, есть интересные фишки. интересно было б про тестирование урок, именно самое ходовое. ибо не тестируем...😄
@mishanep
@mishanep 7 месяцев назад
У меня на канале есть несколько видео про тестирование реакт-редакс приложений.
@awesomedud
@awesomedud 7 месяцев назад
Миш, а ты пользуешься вскодом на работе? Просто как по мне вебшторм куда удобней
@mishanep
@mishanep 7 месяцев назад
Да, у нас из 10 фронтов на проекте 8 используют VS Code.
@mishanep
@mishanep 7 месяцев назад
Кстати, чем именно WebStorm кажется удобным? Я несколько раз пробовал перебраться на него, но так и не нашел в нем чего-то особенного. Может упускаю чего. Я знаю, что там многие вещи из коробки идут, для чего в VS Code плагины приходится ставить (но это объясняется тем, что vs code не заточен конкретно под js). С гитом там традиционно было удобнее работать. Что-то еще?
@awesomedud
@awesomedud 7 месяцев назад
​​@@mishanep для меня интерфейс более приятен, разобрался с шорткататами и очень ими доволен. Alt + home удобная навигация по проекту, double shift поиск по проекту. Вообще кроме того что "все из коробки" наверное и нечего добавить). Я новичок в разработке (пятый месяц активного обучения) и мне намного удобней когда все работает сразу. Ну ещё мне очень нравятся темы в вебшторме, в вскоде сколько не пробовал - все не мое, хотя я даже поставил туда такой же шрифт. И ещё хотел спросить насчёт вордпресса. Я вижу в вакансиях (зарубежных) очень много где требуют знания и умения разрабатывать под вордпресс, писать свои плагины и т.д. Стоит потратить время на его изучение?
@alexeygudan
@alexeygudan 6 месяцев назад
@@mishanep Плюс вебшторма том, что он отполирован для разработки в вебе. Если научится пользоваться всем функционалом Вебшторма, то разрабатывать гораздо удобнее станет. Много рутины пропадает, ускоряется навигация в коде, а так же можно быстро произвести рефакторинг разных вещей.
@FozGenKo
@FozGenKo 7 месяцев назад
Авторедактированием тегов я не пользовался, ее использовал плагины, а использовал ренейм через F2, смысла ставить плагин я не вижу😅 Чаще использую F1, на ноутах могут быть проблемы с этими кнопками, но это настраивается.
@-SRE
@-SRE 7 месяцев назад
Выбор строчки Ctrl + G, а не Ctrl + J (вы говорите в виде Контрол + Джей "J")
@barmaley9705
@barmaley9705 7 месяцев назад
жду видос как жарить яишнцу с помощью горячих клавиш в vscode без сторонних плагинов
@user-zp2vl7rb1e
@user-zp2vl7rb1e 7 месяцев назад
А могли бы с такой же темой но про WebStorm?
@mishanep
@mishanep 7 месяцев назад
Я использую VS Code. Я несколько раз пробовал на шторм перейти, но так и не придумал зачем оно мне надо =) С VS Code чувствую себя комфортно.
@PowWowVideo
@PowWowVideo 7 месяцев назад
​@@mishanepмне в vs code очень не хватает отдельной панельки с списком "модифицированного"(незакоммиченного)
@RomanKaras77
@RomanKaras77 7 месяцев назад
Ctrl+Shift+P, конечно круто, но попробуйте F1, коллеги )
@mishanep
@mishanep 7 месяцев назад
Беда в верхнем ряде клавиш в том, что часто производители клавиатур и ноутбуков вешают свои фишки и их приходится также нажимать в сочетании с fn.
@RomanKaras77
@RomanKaras77 7 месяцев назад
@@mishanep Согласен, есть такое. Добавлю свою благодарность за ваши видео, Михаил. С меня, как всегда лайки, колокольчик и подписка ).
@kostasancez2358
@kostasancez2358 6 месяцев назад
VS code или Web Storm, что лучше?
@mishanep
@mishanep 6 месяцев назад
Всё относительно. В моей команде 9 из 11 разработчиков используют VS Code
@victormog
@victormog 7 месяцев назад
Ну, тачпадом скролить еще проще, чем мышью - просто двумя пальцами проводишь!
@victormog
@victormog 7 месяцев назад
@@ZooBeeN1 не знаю. Не умели так году эдак в 2000-м. Попробуй драйвера тачпада обновить...
@vladimircreator
@vladimircreator 7 месяцев назад
Гуру VS Code 😂😂😂
@cranberry888
@cranberry888 7 месяцев назад
а что за тема редактора? 🤔
@nazar6408
@nazar6408 7 месяцев назад
Приятно знать, что видео оказалось для меня бесполезным.