10 горячих клавиш в VS Code, которые ускорят твою верстку
Вставка
- Опубліковано 3 лип 2023
- Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы!
-----------------------------------
Мой курс по верстке - 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 щелчка выделит все
Коммент лучше видоса
Не было видоса - не было бы коммента@@user-bg3hu1oz4y
можно ли как-то перемещат курсор не используя стрелки на клавиатуре?
Чем реже вечеринки тем ценнее они, но слишком редко тоже нельзя, а то сильно скучать начинаешь)))
Согласен, тонкая грань
Открыл для себя несколько полезных сочетаний, благодарю за видео!
Ещё полезная - обернуть выделенный html тегом
Не знаю комбинацию по умолчанию, так как импортировал настройки из саблайма, но можно включить:
Ctrl+K Ctrl+S (настройки хоткеев)
wrap with abbreviation
Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть
Ещё пару очевидных, но не менее полезных:
Ctrl + P - открыть файл по имени
Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами
Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)
Крутые фишки, спасибо, Вадим👍
Большое спасибо автору!❤
Вадим огромное Спасибо за видео. Самый лучший канал.
Спасибо, сенсей, ты крут как всегда! 🙏
Спасибо
Привет из Салтовки,спасибо что ты у нас есть,Вадос 💪
Спасибо. Для меня реально полезно. Дублировать строки еще можно ctrl + D.
Здорова, брат!!! Рад видеть))))
Молодой молоток нашабашил работягам вечериночек 👍
Видосик как всегда шикарен! Всегда ставлю тебя за эталонного разработчика.
Благодарю
Класс! Спасибо!
Спасибо
Не понимаю хейта в сторону автора. Можно, конечно, просто перечислить десятки комбинаций, но толку от этого не много. Тут же автор показал, как их можно применять в реальных проектах, добавил свои комментарии и показал на практике. Так что сразу же можно понять, где пригодится и как можно самому использовать. Я вот не знал про переход на конец скобки, хотя иногда нужно. Сам же я на практике чаще всего использую комбинацию ctrl+D - очень полезная штука, экономит много сил. Выделяет следующее совпадение.
Вадим, крутой видос! Как тебе идея для видео о сложности найти работу в front-end, и в целом состояния it рынка сейчас?
😁 Всё прилично с юмором👍
как всегда годнота, спасибо бро.
Спасибо бро
Приветствую - Вадим как всегда радует))
спасибо
Вадим привет!! Рад видеть и слышать=)
Взаимно
С помощью F2 можно переименовывать не только переменные js, но и теги html. Например div можно переименовать в span
Какой охрененно полезный урок и как преступно мало лайков!
Согласен ))
Вадим, ты лучший, спасибо тебе огромнейшее за твои труды!!!! Будь счастлив!!!
спасибо
Материал отлично подано, фразочки такие как "Вот такая вечеринка" себе наверстал))
Спасибо за видео! Это всегда большой труд. Кстати, многие клавиши совпадают с phpstorm у вас из видео)
я иногда работал через phpstorm, это удобно
В vscode есть плагин для figma, это огромный плюс
У тебя подача - СУПЕР +!!! польза от контента!
спасибо
@@vadymprokopchuk I Вам Вялiкае дзякуй!!!! 💙💙💛💛
Когда знаешь треки, но приходишь на вечеринку, что бы послушать их в исполнении любимого диджея!))
благодарю
Доброго вечора! Скажіть, будь ласка, яку тему Ви використовуєте в VS Code? Дуже подобається, не можу знайти. Дякую!
Как сделать так чтобы допустим я написал тег параграф в нутри этого параграфа остался курсор мыши, как перевести этот курсор на новую строку или за пределы этого параграфа без помощью мышки и одним каким-то нажатием на клавиатуру?
привет.Есть такой вопрос.Ты всегда работаешь с макетом flexbox или иногда используешь,например, float или grid? И как выбираешь что использовать.Заранее спасибо
обычно flex+grid
Спасибо за фичи ❤
Цей день настав! Вадос ввімкнув монетизацію на каналі і пішла реклама!) Дякую за відос і давай вже нові стріми з верстанням, як у старі довоєнні часи (для середнячків, бо завжди були лише для новачків).
Блін, то я походу галочку забув забрати ) чекнути треба )
Точняк, галочка стояла ) ютуб був у шоці
Да, за стрімами заскучив
спс
какой шрифт у тебя на вскоде?
дякую
Полезное видео
Немного напрягает чуток глухой звук и небольшие завалы звука
👍👍👍
Это все круто! Ютуб меня не туда закинул но может выручите, в простм файле .txt как сделать чтоб строки сворачивались под 1, скопировал такой текст и очень удобно когда оно как бы в блоках свернуто, не нужно читать все полностю, а можно развернуть только тот участок текста который нужен, уже переклацал все комбинации
Открывайте файл через vs code и все будет работать по умолчанию
@@vadymprokopchuk так я в vs code и сижу, скопировать могу такой текст со строками которые свернуты в блоках, а как самому создать не понятно...
@@DeSnov что то я не могу тебя понять
@@vadymprokopchuk
ну вот к примеру:
>Виды игр:
Настольные
Азартные
Подвижные
Спортивные
Ролевые
Детские
Компьютерные
Психологические
Трансформационные
Челлендж
Нужно что бы строка ">Виды игр:" осталась на экране а все что ниже в строках сворачивалось под нее, и когда нажимаешь на эту строку все разворачивалось.
в файле html такое сворачивание работает когда нажимаю alt+shift+A, но для текстовоо файла .txt оно не срабатывает, так как его тогда делают?
Очень интересно......
Будут ли те, которые НЕ знаю
-
если да - автору спасибо.
Всем успехов в обучении
Адекватности мира и добра
Добрый день! Почему-то у меня не работает shift+alt+F. Есть какие-то альтернативы?
Нужно вам в настройках посмотреть, вообще должно работать
@@vadymprokopchuk Спасибо
А как строку в тег обернуть?
Cntr + X - вырезает строку. Часто пользуюсь если надо или вырезать или удалить строку.
дублирование строки ctrl+D, вроде быстрее эта комбинация
Может у тебя перенастроено, у меня тоже другая, но у меня плагин стоит, для видоса взял стандартную
Shift + Del не просто удаляет, а вырезает с копированием в буфер обмена
Более того, для удаление нужно использовать клавиши del или backspace.
Проще ctrl + x удобнее под пальцы
Кайф
странно у меня почему то не работает контрл слеш для того что бы закаментировать строку и да я перепробовал два контрела и два слеша , может кто знает в чем дело
Странно, должно работать это древний Хоткей
@@vadymprokopchuk да это было странно , нужно было снова просто назначить в настройках и теперь все работает
а как перейти из одного файла в другой?
Жёстко и..... досадно
(посмторел 2, 3ью и 4ую)
Комбинации шикарные......
НО
Уже месеца 3 Назад как - Знаю
Посмотрел ролик одного питониста - ..... Там не 10, а наверное 20-25,,,,,
До 30ти короче, очень полезных комбинаций.
Но всё равно
Автор старался
так можно снять ролик и на 100 комбинаций, а толку
@@vadymprokopchuk
Кому как
Я почти Все использую
Почему без таймокодов:(((
Загоревший))) где отдыхал?
На галере с веслом)) (клавиатурой)
Hi
что за тема?
1
первый)
Лоховской видос, а хоткизы давно перенастроеные под более удобные мне.
Шах и мат, король вечеринки!
Сам придумал правила, сам сыграл и сам победил?)
@@vadymprokopchuk звучит мощно)
@@vadymprokopchuk всё так!) А теперь по делу: справедливости ради скажу, что некоторые базовые хоткизы действительно нелогичны мне. Например дублировать строки по ctrl+d мне удобнее, т.к. и в другом не кодерском софте использую это сочетание. Двигать строки по ctrl+shift+up (или down) тоже, нежели чем с шифтом.
Важнее знать, что хоткизы есть и как (где) их можно настроить, чем сами сочетания ;) Миру мир!