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

  Рет қаралды 14,739

Михаил Непомнящий

Михаил Непомнящий

Күн бұрын

Популярный редактор 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

Пікірлер: 75
@DubinArtur
@DubinArtur 7 ай бұрын
Последняя крутая фишка: закреплённые файлы находятся в отдельной линии табов сверху. Супер удобно, когда какие-то файлы нужны особо часто
@clashorca3165
@clashorca3165 7 ай бұрын
Как всегда, крайне полезное видео). Первоначально подумал, мол да чем там можно удивить и так все знаю...
@kri4evskiy
@kri4evskiy 7 ай бұрын
Супер! Спасибо. Выделил для себя несколько полезных лайфХаков. Даже перебрал свои сеттинги немного.
@igor.zxcvbnm
@igor.zxcvbnm 7 ай бұрын
Спасибо за видео. Трюки с импортами и закреплением вкладки это реально крутая вещь)))
@sh0ny
@sh0ny 7 ай бұрын
Спасибо! Было очень полезно узнать новое!
@user-vr8xd9vv7d
@user-vr8xd9vv7d 7 ай бұрын
Ооо класс, ставлю лайк, что бы вечерком перед сном быстро найти и посмотреть. Уже чувствую прилив скорости и качества
@LRXAORLOV
@LRXAORLOV 7 ай бұрын
Спасибо, сделал хлебные крошки как у тебя) не подумал, что можно убрать часть только) и за ф8)
@user-dn4ry3uw8i
@user-dn4ry3uw8i 7 ай бұрын
Спасибо, супер полезный канал у Вас
@flogger2367
@flogger2367 2 ай бұрын
Спасибо, хороший урок, некоторые фишки открыл для себя...
@user-ks5bg9ni4p
@user-ks5bg9ni4p 7 ай бұрын
Здраствуйте,было бы очень интересно посмотреть ваш стрим с разработкой пет проекта,всего хорошего и спасибо за труды
@Taiga_libertarian
@Taiga_libertarian 7 ай бұрын
Михаил, огромное спасибо!!
@Vlad1998996
@Vlad1998996 7 ай бұрын
классно, побольше бы такого. Сейчас будет выглядеть как снобизм, но про переход по строкам это не Ctrl+J(джей), а Ctrl+G(джи) :).
@Gazovchik
@Gazovchik 7 ай бұрын
Гуру, наверное, это здорово. Есть много Довольно Полезных "секретов" в VSC, которые всё Сильно Ускоряют, мягко говоря. Всем успехов в учёбе. Мира и добра.
@stormd2902
@stormd2902 7 ай бұрын
Супер. Спасибо
@NOX_69RUS
@NOX_69RUS 6 ай бұрын
спасибо за интересное видео
@pavel7930
@pavel7930 7 ай бұрын
Класс! Спасибо!
@user-fl1gd2fl4r
@user-fl1gd2fl4r 7 ай бұрын
Спасибо, vs code слишком часто обновляется за всем не уследить). Хотелось бы увидеть что-то про организацию структуры/архитектуры для frontend приложений.
@user-nu8ft9zb1z
@user-nu8ft9zb1z 7 ай бұрын
fsd
@sivtsev
@sivtsev 7 ай бұрын
Огромное спасибо! 20 минут видео - минус попаболь, которая еще вчера жутко доставала.
@vadicus6534
@vadicus6534 7 ай бұрын
Привет, Михаил. Спасибо за интересное видео. Я в последнее время использую в вскоде плагин Codeium. Это AI которая помогает писать код. может формировать функции, отвечать на вопросы и т.д. Довольно интересная штука, было бы интересно увидеть твой обзор на эту тему) Все таки будущее наступило уже)
@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 буква в нижнем регистре, но когда работа со снипетом заканчивается, буква автоматом капитализируется.
@Den-yg4wz
@Den-yg4wz 7 ай бұрын
Михаил огромное спасибо за труды на ниве просвещения аграриев! ) Скажите еще плиз как вы сделали себе такой симпатичный разноцветный терминал?
@mew6085
@mew6085 7 ай бұрын
Просто абалденно
@azizbekkomilov3589
@azizbekkomilov3589 7 ай бұрын
Миша привет спасибо за видео ) очень много полезногоо себе взяли) естьли ли видео на канале о том как next пересадить в обычную сервервер с гит акшонами ?
@user-lm9ee1gn5p
@user-lm9ee1gn5p 7 ай бұрын
Спасибо
@enenotowitch628
@enenotowitch628 7 ай бұрын
7:43 navigation breadcrumps
@Grigoren_com
@Grigoren_com 7 ай бұрын
щщщщщикаааарно!
@denissavast
@denissavast 7 ай бұрын
Крутяк
@ledof4
@ledof4 7 ай бұрын
Спасибо! Frontend JavaScript typescript visual studio code VS Code react extensions
@user-vw1uf4uj5h
@user-vw1uf4uj5h 7 ай бұрын
Спасибо за интересный обзор, действительно, много нового. Помимо подсветки парных скобок, у вас выделяется весь активный блок рамкой сверху и слева. Подскажите, как этого добиться?
@mishanep
@mishanep 7 ай бұрын
Кажется ничего особенного для этого не делал. Может быть это особенность используемой мною темы - CodeSandbox 2021.
@victormog
@victormog 7 ай бұрын
Работа без мышь - это особая фишка IDE (у WebStorm - это отдельным плюсом отмечается). Минус тут один - много сочетаний клавиш нужно запоминать. Но уж когда запомнишь - скорость кодинга сильно возрастает!
@3agoskin
@3agoskin 7 ай бұрын
еще можно плагин vim попробовать
@victormog
@victormog 7 ай бұрын
@@3agoskin нееее, всё на "vi" - это уже мазохизм! 😁
@bebeto123g
@bebeto123g 7 ай бұрын
Вот работаю я middle+ уже нынче. Нафига мне скорость кодинга, когда задачи по бизнес-логике съедают миллион калорий и можно за день написать в особо сложных случаях пару компонентов в реакте и сервис, ну может пару интерфейсов описать) Со временем начал считать все это инфоциганством) главное удобство фич в разработке, а не фича ради фичи) Тот же capilot на практике оказался аппендиксом ненужным, усложняющим разработку.
@user-cz3ez4go4h
@user-cz3ez4go4h 7 ай бұрын
Михаил, спасибо за ролик. Подскажите пожалуйста, что за тему в VSCode используете
@mishanep
@mishanep 7 ай бұрын
CodeSandbox 2021
@user-bg3hu1oz4y
@user-bg3hu1oz4y 7 ай бұрын
а еще можно вебшторм юзать)
@NeoCoding
@NeoCoding 7 ай бұрын
да, есть интересные фишки. интересно было б про тестирование урок, именно самое ходовое. ибо не тестируем...😄
@mishanep
@mishanep 7 ай бұрын
У меня на канале есть несколько видео про тестирование реакт-редакс приложений.
@andrewsam224
@andrewsam224 7 ай бұрын
Спасибо, Михаил!!! А есть видео для новичков по горячим клавишам для верстальщиков? Огромное спасибо за твой труд.
@mishanep
@mishanep 7 ай бұрын
На ютубе, кажется, такого у меня не было. На моем курсе "Инструменты разработчика" что-то подобное рассматривалось.
@andrewsam224
@andrewsam224 7 ай бұрын
@@mishanep Спасибо.
@umidullo
@umidullo 7 ай бұрын
проект GALLERY-CHANLLENGE походу сделан на FSD. Будет ли в будущем обзор этой архитектурной методологии?
@barmaley9705
@barmaley9705 7 ай бұрын
четка по факту
@FozGenKo
@FozGenKo 7 ай бұрын
Авторедактированием тегов я не пользовался, ее использовал плагины, а использовал ренейм через F2, смысла ставить плагин я не вижу😅 Чаще использую F1, на ноутах могут быть проблемы с этими кнопками, но это настраивается.
@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 7 ай бұрын
@@mishanep Плюс вебшторма том, что он отполирован для разработки в вебе. Если научится пользоваться всем функционалом Вебшторма, то разрабатывать гораздо удобнее станет. Много рутины пропадает, ускоряется навигация в коде, а так же можно быстро произвести рефакторинг разных вещей.
@hogvarts
@hogvarts 7 ай бұрын
Оч понравилась фишка с компактными табами. Заметил что сверху над ними нет вс кода надписи и крестиков.. я так понимаю это просто на фул скрин развернуто ?
@mishanep
@mishanep 7 ай бұрын
Да, обычно я работаю с фулл-скрином.
@qIsotope
@qIsotope 7 ай бұрын
Добавьте пожалуйста ваш файлик с кастомными сниппетами, если не сложно
@barmaley9705
@barmaley9705 7 ай бұрын
жду видос как жарить яишнцу с помощью горячих клавиш в vscode без сторонних плагинов
@Sweet-Bubaleh
@Sweet-Bubaleh 7 ай бұрын
Скажите пожалуйста что за тему оформления используете в этом видео?
@mishanep
@mishanep 7 ай бұрын
CodeSandbox 2021
@-SRE
@-SRE 7 ай бұрын
Выбор строчки Ctrl + G, а не Ctrl + J (вы говорите в виде Контрол + Джей "J")
@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 ай бұрын
Приятно знать, что видео оказалось для меня бесполезным.
Заменяем page.tsx на свои лейблы
3:24
Михаил Непомнящий
Рет қаралды 9 М.
Why You Should Always Help Others ❤️
00:40
Alan Chikin Chow
Рет қаралды 114 МЛН
How to bring sweets anywhere 😋🍰🍫
00:32
TooTool
Рет қаралды 49 МЛН
小女孩把路人当成离世的妈妈,太感人了.#short #angel #clown
00:53
New Gadgets! Bycycle 4.0 🚲 #shorts
00:14
BongBee Family
Рет қаралды 18 МЛН
Самый простой способ начать работу с БД
22:37
Михаил Непомнящий
Рет қаралды 6 М.
Как ловить ошибки в JavaScript коде
14:24
Михаил Непомнящий
Рет қаралды 11 М.
Fleet убийца VSCode? Новая IDE от JetBrains
23:27
PurpleSchool | Anton Larichev
Рет қаралды 79 М.
МОЩНЕЕ ТВОЕГО ПК - iPad Pro M4 (feat. Brickspacer)
28:01
ЗЕ МАККЕРС
Рет қаралды 81 М.
Will the battery emit smoke if it rotates rapidly?
0:11
Meaningful Cartoons 183
Рет қаралды 20 МЛН
WWDC 2024 - June 10 | Apple
1:43:37
Apple
Рет қаралды 10 МЛН
How charged your battery?
0:14
V.A. show / Магика
Рет қаралды 6 МЛН