10 горячих клавиш в VS Code, которые ускорят твою верстку
HTML-код
- Опубликовано: 9 фев 2025
- Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы!
-----------------------------------
Мой курс по верстке - from0to1.com.ua/
-----------------------------------
Телеграм канал - t.me/from0to1com
Видео про семантику: • Семантика, семантическ...
Видео про БЭМ: • БЭМ методология. Практ...
Для самых маленьких лендинг: • Верстка сайта для самы...
Для самых маленьких многостраничник: • Верстка многостранично...
Верстка: • Верстка целого сайта в...
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
Еще бы видос запилить про горячие клавиши, еще бы рассказал про журнал буфера обмена 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к
можно ли как-то перемещат курсор не используя стрелки на клавиатуре?
Чем реже вечеринки тем ценнее они, но слишком редко тоже нельзя, а то сильно скучать начинаешь)))
Согласен, тонкая грань
😁 Всё прилично с юмором👍
Открыл для себя несколько полезных сочетаний, благодарю за видео!
Большое спасибо автору!❤
Спасибо, сенсей, ты крут как всегда! 🙏
Спасибо
Вадим привет!! Рад видеть и слышать=)
Взаимно
Молодой молоток нашабашил работягам вечериночек 👍
Какой охрененно полезный урок и как преступно мало лайков!
Согласен ))
Привет из Салтовки,спасибо что ты у нас есть,Вадос 💪
Когда знаешь треки, но приходишь на вечеринку, что бы послушать их в исполнении любимого диджея!))
благодарю
Здорова, брат!!! Рад видеть))))
Не понимаю хейта в сторону автора. Можно, конечно, просто перечислить десятки комбинаций, но толку от этого не много. Тут же автор показал, как их можно применять в реальных проектах, добавил свои комментарии и показал на практике. Так что сразу же можно понять, где пригодится и как можно самому использовать. Я вот не знал про переход на конец скобки, хотя иногда нужно. Сам же я на практике чаще всего использую комбинацию ctrl+D - очень полезная штука, экономит много сил. Выделяет следующее совпадение.
Крутые фишки, спасибо, Вадим👍
Видосик как всегда шикарен! Всегда ставлю тебя за эталонного разработчика.
Благодарю
Материал отлично подано, фразочки такие как "Вот такая вечеринка" себе наверстал))
С помощью F2 можно переименовывать не только переменные js, но и теги html. Например div можно переименовать в span
Ещё полезная - обернуть выделенный html тегом
Не знаю комбинацию по умолчанию, так как импортировал настройки из саблайма, но можно включить:
Ctrl+K Ctrl+S (настройки хоткеев)
wrap with abbreviation
Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть
Ещё пару очевидных, но не менее полезных:
Ctrl + P - открыть файл по имени
Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами
Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)
Вадим, ты лучший, спасибо тебе огромнейшее за твои труды!!!! Будь счастлив!!!
спасибо
Класс! Спасибо!
Спасибо
как всегда годнота, спасибо бро.
Спасибо бро
Вадим, крутой видос! Как тебе идея для видео о сложности найти работу в front-end, и в целом состояния it рынка сейчас?
Приветствую - Вадим как всегда радует))
спасибо
У тебя подача - СУПЕР +!!! польза от контента!
спасибо
@@vadymprokopchuk I Вам Вялiкае дзякуй!!!! 💙💙💛💛
Вадим огромное Спасибо за видео. Самый лучший канал.
Спасибо за видео! Это всегда большой труд. Кстати, многие клавиши совпадают с phpstorm у вас из видео)
я иногда работал через phpstorm, это удобно
В vscode есть плагин для figma, это огромный плюс
Спасибо. Для меня реально полезно. Дублировать строки еще можно ctrl + D.
Цей день настав! Вадос ввімкнув монетизацію на каналі і пішла реклама!) Дякую за відос і давай вже нові стріми з верстанням, як у старі довоєнні часи (для середнячків, бо завжди були лише для новачків).
Блін, то я походу галочку забув забрати ) чекнути треба )
Точняк, галочка стояла ) ютуб був у шоці
Да, за стрімами заскучив
Как сделать так чтобы допустим я написал тег параграф в нутри этого параграфа остался курсор мыши, как перевести этот курсор на новую строку или за пределы этого параграфа без помощью мышки и одним каким-то нажатием на клавиатуру?
Доброго вечора! Скажіть, будь ласка, яку тему Ви використовуєте в VS Code? Дуже подобається, не можу знайти. Дякую!
Полезное видео
Немного напрягает чуток глухой звук и небольшие завалы звука
спс
Спасибо за фичи ❤
🧡
дублирование строки ctrl+D, вроде быстрее эта комбинация
Может у тебя перенастроено, у меня тоже другая, но у меня плагин стоит, для видоса взял стандартную
привет.Есть такой вопрос.Ты всегда работаешь с макетом flexbox или иногда используешь,например, float или grid? И как выбираешь что использовать.Заранее спасибо
обычно flex+grid
Очень интересно......
Будут ли те, которые НЕ знаю
-
если да - автору спасибо.
Всем успехов в обучении
Адекватности мира и добра
какой шрифт у тебя на вскоде?
Shift + Del не просто удаляет, а вырезает с копированием в буфер обмена
Более того, для удаление нужно использовать клавиши del или backspace.
Проще ctrl + x удобнее под пальцы
Cntr + X - вырезает строку. Часто пользуюсь если надо или вырезать или удалить строку.
дякую
Жёстко и..... досадно
(посмторел 2, 3ью и 4ую)
Комбинации шикарные......
НО
Уже месеца 3 Назад как - Знаю
Посмотрел ролик одного питониста - ..... Там не 10, а наверное 20-25,,,,,
До 30ти короче, очень полезных комбинаций.
Но всё равно
Автор старался
так можно снять ролик и на 100 комбинаций, а толку
@@vadymprokopchuk
Кому как
Я почти Все использую
А как строку в тег обернуть?
Добрый день! Почему-то у меня не работает shift+alt+F. Есть какие-то альтернативы?
Нужно вам в настройках посмотреть, вообще должно работать
@@vadymprokopchuk Спасибо
Почему без таймокодов:(((
Кайф
а как перейти из одного файла в другой?
странно у меня почему то не работает контрл слеш для того что бы закаментировать строку и да я перепробовал два контрела и два слеша , может кто знает в чем дело
Странно, должно работать это древний Хоткей
@@vadymprokopchuk да это было странно , нужно было снова просто назначить в настройках и теперь все работает
Загоревший))) где отдыхал?
На галере с веслом)) (клавиатурой)
что за тема?
Hi
первый)
1
Лоховской видос, а хоткизы давно перенастроеные под более удобные мне.
Шах и мат, король вечеринки!
Сам придумал правила, сам сыграл и сам победил?)
@@vadymprokopchuk звучит мощно)
@@vadymprokopchuk всё так!) А теперь по делу: справедливости ради скажу, что некоторые базовые хоткизы действительно нелогичны мне. Например дублировать строки по ctrl+d мне удобнее, т.к. и в другом не кодерском софте использую это сочетание. Двигать строки по ctrl+shift+up (или down) тоже, нежели чем с шифтом.
Важнее знать, что хоткизы есть и как (где) их можно настроить, чем сами сочетания ;) Миру мир!