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

preview_player
Показать описание
Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы!

-----------------------------------
-----------------------------------

Подпишитесь на канал, если вам понравилось данное видео:
Рекомендации по теме
Комментарии
Автор

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

drawusoon
Автор

Еще бы видос запилить про горячие клавиши, еще бы рассказал про журнал буфера обмена 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 щелчка выделит все

АлександрШвец-гз
Автор

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

paul_brain
Автор

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

Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть

Ещё пару очевидных, но не менее полезных:
Ctrl + P - открыть файл по имени
Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами
Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)

stasgosha
Автор

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

j-lewis
Автор

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

wetal
Автор

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

АнатолеВасерман-жй
Автор

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

AU_IAN
Автор

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

lexpotapenko
Автор

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

FrontNinja
Автор

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

ESCOOBAAR
Автор

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

slavik__zzz
Автор

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

MokiyAdwards
Автор

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

vasya
Автор

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

Алексей-жзи
Автор

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

gimntut
Автор

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

ЯўгенГурыновіч
Автор

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

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

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

velich
Автор

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

capstanfearless