10 горячих клавиш в VS Code, которые ускорят твою верстку

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 92

  • @АлександрШвец-г4з
    @АлександрШвец-г4з Год назад +20

    Еще бы видос запилить про горячие клавиши, еще бы рассказал про журнал буфера обмена windows где можно копировать текст из разных частей кода, страниц где угодно по ctrl+c а потом вставлять все скопированное по значку windows + v(потом надо очистит журнал для нового кода)
    Ctrl+D --- выбор выделенных встречающихся текстов и устанавливает курсор в конце, повторное нажатие выделяет по цепочке
    Ctrl+U ---- убрать одно выделение и убрать курсор в конце
    Ctrl+shift+L ---- выберет выбрать все текущие выделенные тексы
    Ctrl+L ----- выделит строку повторное нажатие выделяет строки по этапно
    Ctrl+shift+enter ---- вставляет отступ между строки, при этом курсор оставляется на этом месте
    ctrl+b ---- боковая панель
    ctrl+shift+E ----- откроет панель с файлами
    ctrl+p ----- переход к определенному файлу, повторное нажатие выбирается файл, после того как файл выбран он откроется
    ctrl+shift+t ------- вернуть на преведущую вкладку и даже если она закрыта, повторное нажатие открывает закрытые вкладки
    ctrl+w ---- закрыть текущею вкладку
    ctrl+k+w ---- Закрыть все вкладки
    ctrl+ait+стрелка-вниз --- дублирования курсора в низ
    ctrl+ait+стрелка-верх --- дублирования курсора в верх
    ctrl+тильда ---- открыть терминал
    ctrl + shift + [ ---- свернуть блок кода
    ctrl + shift + ] ---- развернуть блок кода
    Ctrl + Shift + A ---- cвернуть все блоки, нужно поменять комбинацию ctrl+K ctrl+ноль на Ctrl + Shift + A
    Ctrl + Shift + J ---- Развернуть все блоки, нужно поменять комбинацию ctrl+K ctrl+J
    ctrl + shift + K ---- удалить строку
    ctrl + tab ---------- переход между вкладками
    Ctrl + F2 -------- Выделить все вхождения текущего слова
    Ctrl + ait + w -------- Позволяет объединить выделенные строки в одну линию, нужно выкючить перенос текста alt+z, чтобы сработало (часто используется для SVG и текста)
    ait+z ---- перенос текста
    ait+shift+PgDn ----- дублировать текущую строчку или дублировать выделенный текст
    ait+shift+PgUp ---- дублировать текущую строчку или дублировать выделенный текст, только в верх
    ait+← или → ------ переходы между вкладками
    ait+норме на панели перейдёт на номер вкладки
    ait+клик мыши ----------мульти курсор
    ait+PgDn ----- перетащить строку вниз
    ait+PgUp ----- перетащить строку верх
    Alt + Shift + Выделение ---------- Выделение по столбцам
    ctrl+Home ------------------- В начало строки
    ctrl+End --------------------В конец строки
    shift+ait+a ----------------- много страничный кометрарий
    Мышь
    1 щелчок установка курсора
    2 щелчок выделит слово
    3 щелчок выделит строку
    4 щелчка выделит все

    • @АлексейСоколов-у3к
      @АлексейСоколов-у3к Год назад +3

      Коммент лучше видоса

    • @daily2102
      @daily2102 11 месяцев назад +1

      Не было видоса - не было бы коммента@@АлексейСоколов-у3к

    • @michaelboltachev84
      @michaelboltachev84 9 месяцев назад

      можно ли как-то перемещат курсор не используя стрелки на клавиатуре?

  • @drawusoon
    @drawusoon Год назад +27

    Чем реже вечеринки тем ценнее они, но слишком редко тоже нельзя, а то сильно скучать начинаешь)))

  • @paul_brain
    @paul_brain Год назад +2

    Открыл для себя несколько полезных сочетаний, благодарю за видео!

  • @onlydropped6479
    @onlydropped6479 Год назад +1

    Вадим привет!! Рад видеть и слышать=)

  • @88Liviu
    @88Liviu Год назад +10

    Большое спасибо автору!❤

  • @Ghost_7-1-9
    @Ghost_7-1-9 9 месяцев назад +1

    😁 Всё прилично с юмором👍

  • @user-wetal4903
    @user-wetal4903 Год назад

    Привет из Салтовки,спасибо что ты у нас есть,Вадос 💪

  • @АнатолеВасерман-ж1й

    Молодой молоток нашабашил работягам вечериночек 👍

  • @vladimirzvyagincev8193
    @vladimirzvyagincev8193 Год назад +1

    Здорова, брат!!! Рад видеть))))

  • @j-lewis
    @j-lewis Год назад +1

    Спасибо, сенсей, ты крут как всегда! 🙏

  • @ДмитрийДощечников

    Вадим, ты лучший, спасибо тебе огромнейшее за твои труды!!!! Будь счастлив!!!

  • @stasgosha
    @stasgosha 9 месяцев назад

    Ещё полезная - обернуть выделенный html тегом
    Не знаю комбинацию по умолчанию, так как импортировал настройки из саблайма, но можно включить:
    Ctrl+K Ctrl+S (настройки хоткеев)
    wrap with abbreviation
    Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть
    Ещё пару очевидных, но не менее полезных:
    Ctrl + P - открыть файл по имени
    Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами
    Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)

  • @AU_IAN
    @AU_IAN 11 месяцев назад +2

    Какой охрененно полезный урок и как преступно мало лайков!

  • @MokiyAdwards
    @MokiyAdwards Год назад +1

    Видосик как всегда шикарен! Всегда ставлю тебя за эталонного разработчика.

  • @Агент007-л8л
    @Агент007-л8л Год назад +1

    Крутые фишки, спасибо, Вадим👍

  • @slavik__zzz9599
    @slavik__zzz9599 Год назад +2

    Вадим, крутой видос! Как тебе идея для видео о сложности найти работу в front-end, и в целом состояния it рынка сейчас?

  • @FrontNinja
    @FrontNinja Год назад +18

    Не понимаю хейта в сторону автора. Можно, конечно, просто перечислить десятки комбинаций, но толку от этого не много. Тут же автор показал, как их можно применять в реальных проектах, добавил свои комментарии и показал на практике. Так что сразу же можно понять, где пригодится и как можно самому использовать. Я вот не знал про переход на конец скобки, хотя иногда нужно. Сам же я на практике чаще всего использую комбинацию ctrl+D - очень полезная штука, экономит много сил. Выделяет следующее совпадение.

  • @user-rz1234
    @user-rz1234 Год назад +2

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

  • @ESCOOBAAR
    @ESCOOBAAR 8 месяцев назад

    Материал отлично подано, фразочки такие как "Вот такая вечеринка" себе наверстал))

  • @lexpotapenko9412
    @lexpotapenko9412 Год назад +3

    Когда знаешь треки, но приходишь на вечеринку, что бы послушать их в исполнении любимого диджея!))

  • @velich76
    @velich76 Год назад

    Приветствую - Вадим как всегда радует))

  • @vasya8441
    @vasya8441 Год назад

    Вадим огромное Спасибо за видео. Самый лучший канал.

  • @gimntut
    @gimntut Год назад +2

    С помощью F2 можно переименовывать не только переменные js, но и теги html. Например div можно переименовать в span

  • @ЯўгенГурыновіч
    @ЯўгенГурыновіч Год назад

    У тебя подача - СУПЕР +!!! польза от контента!

  • @iwmatt
    @iwmatt Год назад +1

    как всегда годнота, спасибо бро.

  • @johnyyahappy
    @johnyyahappy 10 месяцев назад

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

  • @Алексей-ж4з8и
    @Алексей-ж4з8и Год назад

    Спасибо. Для меня реально полезно. Дублировать строки еще можно ctrl + D.

  • @SerhiiTkachenko79
    @SerhiiTkachenko79 Год назад

    Доброго вечора! Скажіть, будь ласка, яку тему Ви використовуєте в VS Code? Дуже подобається, не можу знайти. Дякую!

  • @capstanfearless
    @capstanfearless Год назад +1

    Спасибо за видео! Это всегда большой труд. Кстати, многие клавиши совпадают с phpstorm у вас из видео)

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      я иногда работал через phpstorm, это удобно

    • @capstanfearless
      @capstanfearless Год назад

      В vscode есть плагин для figma, это огромный плюс

  • @мишанаумчик
    @мишанаумчик Год назад

    привет.Есть такой вопрос.Ты всегда работаешь с макетом flexbox или иногда используешь,например, float или grid? И как выбираешь что использовать.Заранее спасибо

  • @SandyWinman
    @SandyWinman Год назад

    Цей день настав! Вадос ввімкнув монетизацію на каналі і пішла реклама!) Дякую за відос і давай вже нові стріми з верстанням, як у старі довоєнні часи (для середнячків, бо завжди були лише для новачків).

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад +1

      Блін, то я походу галочку забув забрати ) чекнути треба )

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад +1

      Точняк, галочка стояла ) ютуб був у шоці

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад +1

      Да, за стрімами заскучив

  • @gandzhubasikowitch
    @gandzhubasikowitch Год назад

    какой шрифт у тебя на вскоде?

  • @ДенисХахалов
    @ДенисХахалов 6 месяцев назад

    спс

  • @ЮлияБелоус-ш4л
    @ЮлияБелоус-ш4л Год назад

    Добрый день! Почему-то у меня не работает shift+alt+F. Есть какие-то альтернативы?

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      Нужно вам в настройках посмотреть, вообще должно работать

    • @ЮлияБелоус-ш4л
      @ЮлияБелоус-ш4л Год назад

      @@vadymprokopchuk Спасибо

  • @LLuKKen
    @LLuKKen 7 месяцев назад

    А как строку в тег обернуть?

  • @SERVER160692
    @SERVER160692 10 месяцев назад

    Полезное видео
    Немного напрягает чуток глухой звук и небольшие завалы звука

  • @BillGadov
    @BillGadov Год назад

    Спасибо за фичи ❤

  • @Aelita042
    @Aelita042 5 месяцев назад

    🧡

  • @Gazovchik
    @Gazovchik Год назад

    Очень интересно......
    Будут ли те, которые НЕ знаю
    -
    если да - автору спасибо.

    • @Gazovchik
      @Gazovchik Год назад

      Всем успехов в обучении
      Адекватности мира и добра

  • @caH40yc
    @caH40yc Год назад +1

    дублирование строки ctrl+D, вроде быстрее эта комбинация

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад +1

      Может у тебя перенастроено, у меня тоже другая, но у меня плагин стоит, для видоса взял стандартную

  • @user-vatican
    @user-vatican Год назад

    а как перейти из одного файла в другой?

  • @no_way_back813
    @no_way_back813 Год назад

    дякую

  • @StasKol
    @StasKol Год назад

    Cntr + X - вырезает строку. Часто пользуюсь если надо или вырезать или удалить строку.

  • @AndrewUrch
    @AndrewUrch Год назад +2

    Shift + Del не просто удаляет, а вырезает с копированием в буфер обмена

    • @gimntut
      @gimntut Год назад

      Более того, для удаление нужно использовать клавиши del или backspace.

    • @salyamon-web
      @salyamon-web Год назад

      Проще ctrl + x удобнее под пальцы

  • @АлександрБасан-н6о

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

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      Странно, должно работать это древний Хоткей

    • @АлександрБасан-н6о
      @АлександрБасан-н6о Год назад

      @@vadymprokopchuk да это было странно , нужно было снова просто назначить в настройках и теперь все работает

  • @alexeyfilippov42
    @alexeyfilippov42 Год назад +1

    Почему без таймокодов:(((

  • @Dania-Rahub
    @Dania-Rahub Год назад

    Кайф

  • @Gazovchik
    @Gazovchik Год назад

    Жёстко и..... досадно
    (посмторел 2, 3ью и 4ую)
    Комбинации шикарные......
    НО
    Уже месеца 3 Назад как - Знаю
    Посмотрел ролик одного питониста - ..... Там не 10, а наверное 20-25,,,,,
    До 30ти короче, очень полезных комбинаций.
    Но всё равно
    Автор старался

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      так можно снять ролик и на 100 комбинаций, а толку

    • @Gazovchik
      @Gazovchik Год назад

      @@vadymprokopchuk
      Кому как
      Я почти Все использую

  • @TurchynykOleksii
    @TurchynykOleksii Год назад

    что за тема?

  • @dimondimonov6417
    @dimondimonov6417 Год назад

    Загоревший))) где отдыхал?

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад

      На галере с веслом)) (клавиатурой)

  • @stellshi
    @stellshi Год назад

    1

  • @Ragnar-hr4hm
    @Ragnar-hr4hm Год назад

    первый)

  • @abrajmek_zalilov
    @abrajmek_zalilov Год назад

    Лоховской видос, а хоткизы давно перенастроеные под более удобные мне.
    Шах и мат, король вечеринки!

    • @vadymprokopchuk
      @vadymprokopchuk  Год назад +1

      Сам придумал правила, сам сыграл и сам победил?)

    • @stellshi
      @stellshi Год назад

      @@vadymprokopchuk звучит мощно)

    • @abrajmek_zalilov
      @abrajmek_zalilov Год назад

      @@vadymprokopchuk всё так!) А теперь по делу: справедливости ради скажу, что некоторые базовые хоткизы действительно нелогичны мне. Например дублировать строки по ctrl+d мне удобнее, т.к. и в другом не кодерском софте использую это сочетание. Двигать строки по ctrl+shift+up (или down) тоже, нежели чем с шифтом.
      Важнее знать, что хоткизы есть и как (где) их можно настроить, чем сами сочетания ;) Миру мир!