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

Поділитися
Вставка
  • Опубліковано 28 вер 2024

КОМЕНТАРІ • 75

  • @DubinArtur
    @DubinArtur 11 місяців тому +4

    Последняя крутая фишка: закреплённые файлы находятся в отдельной линии табов сверху. Супер удобно, когда какие-то файлы нужны особо часто

  • @ДмитрийВикторович-б3щ
    @ДмитрийВикторович-б3щ 11 місяців тому +6

    Спасибо, vs code слишком часто обновляется за всем не уследить).
    Хотелось бы увидеть что-то про организацию структуры/архитектуры для frontend приложений.

  • @kri4evskiy
    @kri4evskiy 11 місяців тому +1

    Супер! Спасибо. Выделил для себя несколько полезных лайфХаков. Даже перебрал свои сеттинги немного.

  • @ВасяРжавый-в9п
    @ВасяРжавый-в9п 11 місяців тому +4

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

  • @clashorca3165
    @clashorca3165 11 місяців тому +1

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

  • @vadicus6534
    @vadicus6534 10 місяців тому +1

    Привет, Михаил. Спасибо за интересное видео. Я в последнее время использую в вскоде плагин Codeium. Это AI которая помогает писать код. может формировать функции, отвечать на вопросы и т.д. Довольно интересная штука, было бы интересно увидеть твой обзор на эту тему) Все таки будущее наступило уже)

  • @ИльяМишков-ф9е
    @ИльяМишков-ф9е 11 місяців тому

    Ооо класс, ставлю лайк, что бы вечерком перед сном быстро найти и посмотреть. Уже чувствую прилив скорости и качества

  • @Nikita-p8o
    @Nikita-p8o 11 місяців тому

    Спасибо большое, Михаил!
    Мало что знал из перечисленного. И не ожидал, что сниппеты так просто настроить. Вместо этого использовал плагин, где не использовался capitalize в сниппете useState и приходилось самому каждый раз исправлять букву в [value, setValue]. Теперь всё заработало как надо, чувство как будто выкинул какой-то громоздкий ржавый хлам с балкона
    От себя добавлю следующие настройки:
    Workbench › Editor: Wrap Tabs -- чтоб не скроллить табы влево-вправо. С уменьшенной высотой станет вдвойне удобней.
    Workbench › Editor: Tab Close Button -- убрал и вместо этого для закрытия вкладки жму Ctrl + W или делаю средний клик по табу. Прямо как в браузере.
    Workbench › Editor: Highlight Modified Tabs -- чтоб видеть, где поменял и не сохранил.
    Остальное вкусовщина либо очевидное вроде вордврапа, тримТрейлВайтспейс и форматОнСэйв
    Жду новых полезных видео!

    • @CJIu3eHb
      @CJIu3eHb 11 місяців тому

      Тоже есть плагин со снипетами, и тоже после set буква в нижнем регистре, но когда работа со снипетом заканчивается, буква автоматом капитализируется.

  • @Мария-ц8ъ2е
    @Мария-ц8ъ2е 11 місяців тому +1

    Спасибо, супер полезный канал у Вас

  • @flogger2367
    @flogger2367 6 місяців тому

    Спасибо, хороший урок, некоторые фишки открыл для себя...

  • @sivtsev
    @sivtsev 11 місяців тому

    Огромное спасибо! 20 минут видео - минус попаболь, которая еще вчера жутко доставала.

  • @mew6085
    @mew6085 11 місяців тому

    Просто абалденно

  • @victormog
    @victormog 11 місяців тому +4

    Работа без мышь - это особая фишка IDE (у WebStorm - это отдельным плюсом отмечается).
    Минус тут один - много сочетаний клавиш нужно запоминать. Но уж когда запомнишь - скорость кодинга сильно возрастает!

    • @3agoskin
      @3agoskin 11 місяців тому

      еще можно плагин vim попробовать

    • @victormog
      @victormog 11 місяців тому +1

      @@3agoskin нееее, всё на "vi" - это уже мазохизм! 😁

    • @bebeto123g
      @bebeto123g 11 місяців тому +1

      Вот работаю я middle+ уже нынче. Нафига мне скорость кодинга, когда задачи по бизнес-логике съедают миллион калорий и можно за день написать в особо сложных случаях пару компонентов в реакте и сервис, ну может пару интерфейсов описать) Со временем начал считать все это инфоциганством) главное удобство фич в разработке, а не фича ради фичи) Тот же capilot на практике оказался аппендиксом ненужным, усложняющим разработку.

  • @Den-yg4wz
    @Den-yg4wz 11 місяців тому +1

    Михаил огромное спасибо за труды на ниве просвещения аграриев! ) Скажите еще плиз как вы сделали себе такой симпатичный разноцветный терминал?

  • @enenotowitch628
    @enenotowitch628 11 місяців тому

    7:43 navigation breadcrumps

  • @Taiga_libertarian
    @Taiga_libertarian 11 місяців тому

    Михаил, огромное спасибо!!

  • @stormd2902
    @stormd2902 11 місяців тому

    Супер. Спасибо

  • @victormog
    @victormog 11 місяців тому +3

    Ну, тачпадом скролить еще проще, чем мышью - просто двумя пальцами проводишь!

    • @victormog
      @victormog 11 місяців тому +1

      @@ZooBeeN1 не знаю. Не умели так году эдак в 2000-м. Попробуй драйвера тачпада обновить...

  • @ledof4
    @ledof4 11 місяців тому

    Спасибо!
    Frontend JavaScript typescript visual studio code VS Code react extensions

  • @-SRE
    @-SRE 10 місяців тому

    Выбор строчки Ctrl + G, а не Ctrl + J (вы говорите в виде Контрол + Джей "J")

  • @azizbekkomilov3589
    @azizbekkomilov3589 11 місяців тому

    Миша привет спасибо за видео ) очень много полезногоо себе взяли) естьли ли видео на канале о том как next пересадить в обычную сервервер с гит акшонами ?

  • @andrewsam224
    @andrewsam224 11 місяців тому

    Спасибо, Михаил!!! А есть видео для новичков по горячим клавишам для верстальщиков? Огромное спасибо за твой труд.

    • @mishanep
      @mishanep  11 місяців тому +1

      На ютубе, кажется, такого у меня не было. На моем курсе "Инструменты разработчика" что-то подобное рассматривалось.

    • @andrewsam224
      @andrewsam224 11 місяців тому

      @@mishanep Спасибо.

  • @hogvarts
    @hogvarts 10 місяців тому

    Оч понравилась фишка с компактными табами. Заметил что сверху над ними нет вс кода надписи и крестиков.. я так понимаю это просто на фул скрин развернуто ?

    • @mishanep
      @mishanep  10 місяців тому

      Да, обычно я работаю с фулл-скрином.

  • @umidullo
    @umidullo 11 місяців тому

    проект GALLERY-CHANLLENGE походу сделан на FSD. Будет ли в будущем обзор этой архитектурной методологии?

  • @barmaley9705
    @barmaley9705 11 місяців тому

    жду видос как жарить яишнцу с помощью горячих клавиш в vscode без сторонних плагинов

  • @Grigoren_com
    @Grigoren_com 11 місяців тому

    щщщщщикаааарно!

  • @FozGenKo
    @FozGenKo 11 місяців тому

    Авторедактированием тегов я не пользовался, ее использовал плагины, а использовал ренейм через F2, смысла ставить плагин я не вижу😅
    Чаще использую F1, на ноутах могут быть проблемы с этими кнопками, но это настраивается.

  • @RomanKaras77
    @RomanKaras77 11 місяців тому +1

    Ctrl+Shift+P, конечно круто, но попробуйте F1, коллеги )

    • @mishanep
      @mishanep  11 місяців тому

      Беда в верхнем ряде клавиш в том, что часто производители клавиатур и ноутбуков вешают свои фишки и их приходится также нажимать в сочетании с fn.

    • @RomanKaras77
      @RomanKaras77 11 місяців тому

      @@mishanep Согласен, есть такое. Добавлю свою благодарность за ваши видео, Михаил. С меня, как всегда лайки, колокольчик и подписка ).

  • @АлександрЮсюз-я8м
    @АлександрЮсюз-я8м 11 місяців тому

    Михаил, спасибо за ролик. Подскажите пожалуйста, что за тему в VSCode используете

    • @mishanep
      @mishanep  11 місяців тому

      CodeSandbox 2021

  • @cranberry888
    @cranberry888 10 місяців тому

    а что за тема редактора? 🤔

  • @vladimircreator
    @vladimircreator 11 місяців тому

    Гуру VS Code 😂😂😂

  • @igor.zxcvbnm
    @igor.zxcvbnm 11 місяців тому +2

    Спасибо за видео. Трюки с импортами и закреплением вкладки это реально крутая вещь)))

  • @Vlad1998996
    @Vlad1998996 11 місяців тому +1

    классно, побольше бы такого. Сейчас будет выглядеть как снобизм, но про переход по строкам это не Ctrl+J(джей), а Ctrl+G(джи) :).

  • @qIsotope
    @qIsotope 11 місяців тому +1

    Добавьте пожалуйста ваш файлик с кастомными сниппетами, если не сложно

  • @LRXAORLOV
    @LRXAORLOV 11 місяців тому +1

    Спасибо, сделал хлебные крошки как у тебя) не подумал, что можно убрать часть только) и за ф8)

  • @denissavast
    @denissavast 11 місяців тому

    Крутяк

  • @NOX_69RUS
    @NOX_69RUS 10 місяців тому

    спасибо за интересное видео

  • @Gazovchik
    @Gazovchik 11 місяців тому +1

    Гуру, наверное, это здорово.
    Есть много Довольно Полезных "секретов" в VSC,
    которые всё Сильно Ускоряют, мягко говоря.
    Всем успехов в учёбе. Мира и добра.

  • @barmaley9705
    @barmaley9705 11 місяців тому

    четка по факту

  • @Sweet-Bubaleh
    @Sweet-Bubaleh 11 місяців тому

    Скажите пожалуйста что за тему оформления используете в этом видео?

    • @mishanep
      @mishanep  11 місяців тому

      CodeSandbox 2021

  • @kostasancez2358
    @kostasancez2358 10 місяців тому

    VS code или Web Storm, что лучше?

    • @mishanep
      @mishanep  10 місяців тому

      Всё относительно. В моей команде 9 из 11 разработчиков используют VS Code

  • @sh0ny
    @sh0ny 11 місяців тому

    Спасибо! Было очень полезно узнать новое!

  • @АлексейСоколов-у3к
    @АлексейСоколов-у3к 11 місяців тому

    а еще можно вебшторм юзать)

  • @pavel7930
    @pavel7930 11 місяців тому

    Класс! Спасибо!

  • @СтаниславГорячев-г1ъ
    @СтаниславГорячев-г1ъ 11 місяців тому

    Спасибо

  • @awesomexe
    @awesomexe 11 місяців тому

    Миш, а ты пользуешься вскодом на работе? Просто как по мне вебшторм куда удобней

    • @mishanep
      @mishanep  11 місяців тому +1

      Да, у нас из 10 фронтов на проекте 8 используют VS Code.

    • @mishanep
      @mishanep  11 місяців тому

      Кстати, чем именно WebStorm кажется удобным? Я несколько раз пробовал перебраться на него, но так и не нашел в нем чего-то особенного. Может упускаю чего.
      Я знаю, что там многие вещи из коробки идут, для чего в VS Code плагины приходится ставить (но это объясняется тем, что vs code не заточен конкретно под js). С гитом там традиционно было удобнее работать. Что-то еще?

    • @awesomexe
      @awesomexe 11 місяців тому

      ​​@@mishanep для меня интерфейс более приятен, разобрался с шорткататами и очень ими доволен. Alt + home удобная навигация по проекту, double shift поиск по проекту.
      Вообще кроме того что "все из коробки" наверное и нечего добавить). Я новичок в разработке (пятый месяц активного обучения) и мне намного удобней когда все работает сразу. Ну ещё мне очень нравятся темы в вебшторме, в вскоде сколько не пробовал - все не мое, хотя я даже поставил туда такой же шрифт.
      И ещё хотел спросить насчёт вордпресса. Я вижу в вакансиях (зарубежных) очень много где требуют знания и умения разрабатывать под вордпресс, писать свои плагины и т.д. Стоит потратить время на его изучение?

    • @alexeygudan
      @alexeygudan 10 місяців тому

      @@mishanep Плюс вебшторма том, что он отполирован для разработки в вебе. Если научится пользоваться всем функционалом Вебшторма, то разрабатывать гораздо удобнее станет. Много рутины пропадает, ускоряется навигация в коде, а так же можно быстро произвести рефакторинг разных вещей.

  • @NeoCoding
    @NeoCoding 11 місяців тому

    да, есть интересные фишки. интересно было б про тестирование урок, именно самое ходовое. ибо не тестируем...😄

    • @mishanep
      @mishanep  11 місяців тому +1

      У меня на канале есть несколько видео про тестирование реакт-редакс приложений.

  • @ЕвгенияЛеонтьева-э6ъ
    @ЕвгенияЛеонтьева-э6ъ 11 місяців тому

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

    • @mishanep
      @mishanep  11 місяців тому

      Кажется ничего особенного для этого не делал. Может быть это особенность используемой мною темы - CodeSandbox 2021.

  • @nazar6408
    @nazar6408 11 місяців тому

    Приятно знать, что видео оказалось для меня бесполезным.