10 горячих клавиш в VS Code, которые ускорят твою верстку
ฝัง
- เผยแพร่เมื่อ 26 ก.ย. 2024
- Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы!
-----------------------------------
Мой курс по верстке - from0to1.com.ua/
-----------------------------------
Телеграм канал - t.me/from0to1com
Видео про семантику: • Семантика, семантическ...
Видео про БЭМ: • БЭМ методология. Практ...
Для самых маленьких лендинг: • Верстка сайта для самы...
Для самых маленьких многостраничник: • Верстка многостранично...
Верстка: • Верстка целого сайта в...
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Еще бы видос запилить про горячие клавиши, еще бы рассказал про журнал буфера обмена 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 - очень полезная штука, экономит много сил. Выделяет следующее совпадение.
Здорова, брат!!! Рад видеть))))
Крутые фишки, спасибо, Вадим👍
Класс! Спасибо!
Спасибо
Привет из Салтовки,спасибо что ты у нас есть,Вадос 💪
Вадим, крутой видос! Как тебе идея для видео о сложности найти работу в front-end, и в целом состояния it рынка сейчас?
Приветствую - Вадим как всегда радует))
спасибо
как всегда годнота, спасибо бро.
Спасибо бро
Когда знаешь треки, но приходишь на вечеринку, что бы послушать их в исполнении любимого диджея!))
благодарю
Ещё полезная - обернуть выделенный html тегом
Не знаю комбинацию по умолчанию, так как импортировал настройки из саблайма, но можно включить:
Ctrl+K Ctrl+S (настройки хоткеев)
wrap with abbreviation
Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть
Ещё пару очевидных, но не менее полезных:
Ctrl + P - открыть файл по имени
Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами
Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)
Материал отлично подано, фразочки такие как "Вот такая вечеринка" себе наверстал))
Спасибо за видео! Это всегда большой труд. Кстати, многие клавиши совпадают с phpstorm у вас из видео)
я иногда работал через phpstorm, это удобно
В vscode есть плагин для figma, это огромный плюс
Спасибо. Для меня реально полезно. Дублировать строки еще можно ctrl + D.
У тебя подача - СУПЕР +!!! польза от контента!
спасибо
@@vadymprokopchuk I Вам Вялiкае дзякуй!!!! 💙💙💛💛
Какой охрененно полезный урок и как преступно мало лайков!
Согласен ))
спс
Как сделать так чтобы допустим я написал тег параграф в нутри этого параграфа остался курсор мыши, как перевести этот курсор на новую строку или за пределы этого параграфа без помощью мышки и одним каким-то нажатием на клавиатуру?
🧡
Полезное видео
Немного напрягает чуток глухой звук и небольшие завалы звука
Спасибо за фичи ❤
дублирование строки ctrl+D, вроде быстрее эта комбинация
Может у тебя перенастроено, у меня тоже другая, но у меня плагин стоит, для видоса взял стандартную
Доброго вечора! Скажіть, будь ласка, яку тему Ви використовуєте в VS Code? Дуже подобається, не можу знайти. Дякую!
привет.Есть такой вопрос.Ты всегда работаешь с макетом flexbox или иногда используешь,например, float или grid? И как выбираешь что использовать.Заранее спасибо
обычно flex+grid
Цей день настав! Вадос ввімкнув монетизацію на каналі і пішла реклама!) Дякую за відос і давай вже нові стріми з верстанням, як у старі довоєнні часи (для середнячків, бо завжди були лише для новачків).
Блін, то я походу галочку забув забрати ) чекнути треба )
Точняк, галочка стояла ) ютуб був у шоці
Да, за стрімами заскучив
Shift + Del не просто удаляет, а вырезает с копированием в буфер обмена
Более того, для удаление нужно использовать клавиши del или backspace.
Проще ctrl + x удобнее под пальцы
А как строку в тег обернуть?
дякую
Очень интересно......
Будут ли те, которые НЕ знаю
-
если да - автору спасибо.
Всем успехов в обучении
Адекватности мира и добра
Добрый день! Почему-то у меня не работает shift+alt+F. Есть какие-то альтернативы?
Нужно вам в настройках посмотреть, вообще должно работать
@@vadymprokopchuk Спасибо
какой шрифт у тебя на вскоде?
Кайф
Cntr + X - вырезает строку. Часто пользуюсь если надо или вырезать или удалить строку.
Почему без таймокодов:(((
а как перейти из одного файла в другой?
Жёстко и..... досадно
(посмторел 2, 3ью и 4ую)
Комбинации шикарные......
НО
Уже месеца 3 Назад как - Знаю
Посмотрел ролик одного питониста - ..... Там не 10, а наверное 20-25,,,,,
До 30ти короче, очень полезных комбинаций.
Но всё равно
Автор старался
так можно снять ролик и на 100 комбинаций, а толку
@@vadymprokopchuk
Кому как
Я почти Все использую
странно у меня почему то не работает контрл слеш для того что бы закаментировать строку и да я перепробовал два контрела и два слеша , может кто знает в чем дело
Странно, должно работать это древний Хоткей
@@vadymprokopchuk да это было странно , нужно было снова просто назначить в настройках и теперь все работает
Загоревший))) где отдыхал?
что за тема?
1
первый)
Лоховской видос, а хоткизы давно перенастроеные под более удобные мне.
Шах и мат, король вечеринки!
👍👍👍
С помощью F2 можно переименовывать не только переменные js, но и теги html. Например div можно переименовать в span
Hi
Вадим огромное Спасибо за видео. Самый лучший канал.