Тёмный

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

От 0 до 1
Подписаться 85 тыс.
Просмотров 20 тыс.
50% 1

Друзья, решил записать видео по топ хоткеям, которые не только ускорят Вашу верстку, но и сделают ее намного комфортнее, а в итоге Вы будете больше получать кайфа от нашей работы!
-----------------------------------
Мой курс по верстке - from0to1.com.ua/
-----------------------------------
Телеграм канал - t.me/from0to1com
Видео про семантику: • Семантика, семантическ...
Видео про БЭМ: • БЭМ методология. Практ...
Для самых маленьких лендинг: • Верстка сайта для самы...
Для самых маленьких многостраничник: • Верстка многостранично...
Верстка: • Верстка целого сайта в...
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Опубликовано:

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 92   
@АлександрШвец-г4з
Еще бы видос запилить про горячие клавиши, еще бы рассказал про журнал буфера обмена 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к
Коммент лучше видоса
@daily2102
@daily2102 9 месяцев назад
Не было видоса - не было бы коммента@@АлексейСоколов-у3к
@michaelboltachev84
@michaelboltachev84 7 месяцев назад
можно ли как-то перемещат курсор не используя стрелки на клавиатуре?
@drawusoon
@drawusoon Год назад
Чем реже вечеринки тем ценнее они, но слишком редко тоже нельзя, а то сильно скучать начинаешь)))
@vadymprokopchuk
@vadymprokopchuk Год назад
Согласен, тонкая грань
@88Liviu
@88Liviu Год назад
Большое спасибо автору!❤
@paul_brain
@paul_brain Год назад
Открыл для себя несколько полезных сочетаний, благодарю за видео!
@j-lewis
@j-lewis 10 месяцев назад
Спасибо, сенсей, ты крут как всегда! 🙏
@vadymprokopchuk
@vadymprokopchuk 10 месяцев назад
Спасибо
@onlydropped6479
@onlydropped6479 Год назад
Вадим привет!! Рад видеть и слышать=)
@vadymprokopchuk
@vadymprokopchuk Год назад
Взаимно
@Ghost_7-1-9
@Ghost_7-1-9 6 месяцев назад
😁 Всё прилично с юмором👍
@АнатолеВасерман-ж1й
Молодой молоток нашабашил работягам вечериночек 👍
@ДмитрийДощечников
Вадим, ты лучший, спасибо тебе огромнейшее за твои труды!!!! Будь счастлив!!!
@vadymprokopchuk
@vadymprokopchuk Год назад
спасибо
@MokiyAdwards
@MokiyAdwards Год назад
Видосик как всегда шикарен! Всегда ставлю тебя за эталонного разработчика.
@vadymprokopchuk
@vadymprokopchuk Год назад
Благодарю
@FrontNinja
@FrontNinja Год назад
Не понимаю хейта в сторону автора. Можно, конечно, просто перечислить десятки комбинаций, но толку от этого не много. Тут же автор показал, как их можно применять в реальных проектах, добавил свои комментарии и показал на практике. Так что сразу же можно понять, где пригодится и как можно самому использовать. Я вот не знал про переход на конец скобки, хотя иногда нужно. Сам же я на практике чаще всего использую комбинацию ctrl+D - очень полезная штука, экономит много сил. Выделяет следующее совпадение.
@vladimirzvyagincev8193
@vladimirzvyagincev8193 Год назад
Здорова, брат!!! Рад видеть))))
@Агент007-л8л
@Агент007-л8л Год назад
Крутые фишки, спасибо, Вадим👍
@user-rz1234
@user-rz1234 Год назад
Класс! Спасибо!
@vadymprokopchuk
@vadymprokopchuk Год назад
Спасибо
@user-wetal4903
@user-wetal4903 Год назад
Привет из Салтовки,спасибо что ты у нас есть,Вадос 💪
@slavik__zzz9599
@slavik__zzz9599 Год назад
Вадим, крутой видос! Как тебе идея для видео о сложности найти работу в front-end, и в целом состояния it рынка сейчас?
@velich76
@velich76 Год назад
Приветствую - Вадим как всегда радует))
@vadymprokopchuk
@vadymprokopchuk Год назад
спасибо
@iwmatt
@iwmatt Год назад
как всегда годнота, спасибо бро.
@vadymprokopchuk
@vadymprokopchuk Год назад
Спасибо бро
@lexpotapenko9412
@lexpotapenko9412 Год назад
Когда знаешь треки, но приходишь на вечеринку, что бы послушать их в исполнении любимого диджея!))
@vadymprokopchuk
@vadymprokopchuk Год назад
благодарю
@stasgosha
@stasgosha 7 месяцев назад
Ещё полезная - обернуть выделенный html тегом Не знаю комбинацию по умолчанию, так как импортировал настройки из саблайма, но можно включить: Ctrl+K Ctrl+S (настройки хоткеев) wrap with abbreviation Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть Ещё пару очевидных, но не менее полезных: Ctrl + P - открыть файл по имени Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)
@ESCOOBAAR
@ESCOOBAAR 6 месяцев назад
Материал отлично подано, фразочки такие как "Вот такая вечеринка" себе наверстал))
@capstanfearless
@capstanfearless 11 месяцев назад
Спасибо за видео! Это всегда большой труд. Кстати, многие клавиши совпадают с phpstorm у вас из видео)
@vadymprokopchuk
@vadymprokopchuk 10 месяцев назад
я иногда работал через phpstorm, это удобно
@capstanfearless
@capstanfearless 10 месяцев назад
В vscode есть плагин для figma, это огромный плюс
@Алексей-ж4з8и
@Алексей-ж4з8и Год назад
Спасибо. Для меня реально полезно. Дублировать строки еще можно ctrl + D.
@ЯўгенГурыновіч
@ЯўгенГурыновіч 10 месяцев назад
У тебя подача - СУПЕР +!!! польза от контента!
@vadymprokopchuk
@vadymprokopchuk 10 месяцев назад
спасибо
@ЯўгенГурыновіч
@ЯўгенГурыновіч 10 месяцев назад
@@vadymprokopchuk I Вам Вялiкае дзякуй!!!! 💙💙💛💛
@AU_IAN
@AU_IAN 9 месяцев назад
Какой охрененно полезный урок и как преступно мало лайков!
@vadymprokopchuk
@vadymprokopchuk 9 месяцев назад
Согласен ))
@ДенисХахалов
@ДенисХахалов 4 месяца назад
спс
@johnyyahappy
@johnyyahappy 8 месяцев назад
Как сделать так чтобы допустим я написал тег параграф в нутри этого параграфа остался курсор мыши, как перевести этот курсор на новую строку или за пределы этого параграфа без помощью мышки и одним каким-то нажатием на клавиатуру?
@Aelita042
@Aelita042 2 месяца назад
🧡
@SERVER160692
@SERVER160692 8 месяцев назад
Полезное видео Немного напрягает чуток глухой звук и небольшие завалы звука
@BillGadov
@BillGadov Год назад
Спасибо за фичи ❤
@caH40yc
@caH40yc Год назад
дублирование строки ctrl+D, вроде быстрее эта комбинация
@vadymprokopchuk
@vadymprokopchuk Год назад
Может у тебя перенастроено, у меня тоже другая, но у меня плагин стоит, для видоса взял стандартную
@SerhiiTkachenko79
@SerhiiTkachenko79 Год назад
Доброго вечора! Скажіть, будь ласка, яку тему Ви використовуєте в VS Code? Дуже подобається, не можу знайти. Дякую!
@мишанаумчик
@мишанаумчик Год назад
привет.Есть такой вопрос.Ты всегда работаешь с макетом flexbox или иногда используешь,например, float или grid? И как выбираешь что использовать.Заранее спасибо
@vadymprokopchuk
@vadymprokopchuk Год назад
обычно flex+grid
@SandyWinman
@SandyWinman Год назад
Цей день настав! Вадос ввімкнув монетизацію на каналі і пішла реклама!) Дякую за відос і давай вже нові стріми з верстанням, як у старі довоєнні часи (для середнячків, бо завжди були лише для новачків).
@vadymprokopchuk
@vadymprokopchuk Год назад
Блін, то я походу галочку забув забрати ) чекнути треба )
@vadymprokopchuk
@vadymprokopchuk Год назад
Точняк, галочка стояла ) ютуб був у шоці
@vadymprokopchuk
@vadymprokopchuk Год назад
Да, за стрімами заскучив
@AndrewUrch
@AndrewUrch Год назад
Shift + Del не просто удаляет, а вырезает с копированием в буфер обмена
@gimntut
@gimntut Год назад
Более того, для удаление нужно использовать клавиши del или backspace.
@salyamon-web
@salyamon-web Год назад
Проще ctrl + x удобнее под пальцы
@LLuKKen
@LLuKKen 5 месяцев назад
А как строку в тег обернуть?
@no_way_back813
@no_way_back813 Год назад
дякую
@Gazovchik
@Gazovchik Год назад
Очень интересно...... Будут ли те, которые НЕ знаю - если да - автору спасибо.
@Gazovchik
@Gazovchik Год назад
Всем успехов в обучении Адекватности мира и добра
@ЮлияБелоус-ш4л
@ЮлияБелоус-ш4л 10 месяцев назад
Добрый день! Почему-то у меня не работает shift+alt+F. Есть какие-то альтернативы?
@vadymprokopchuk
@vadymprokopchuk 10 месяцев назад
Нужно вам в настройках посмотреть, вообще должно работать
@ЮлияБелоус-ш4л
@ЮлияБелоус-ш4л 10 месяцев назад
@@vadymprokopchuk Спасибо
@gandzhubasikowitch
@gandzhubasikowitch Год назад
какой шрифт у тебя на вскоде?
@Dania-Rahub
@Dania-Rahub Год назад
Кайф
@StasKol
@StasKol Год назад
Cntr + X - вырезает строку. Часто пользуюсь если надо или вырезать или удалить строку.
@alexeyfilippov42
@alexeyfilippov42 Год назад
Почему без таймокодов:(((
@user-vatican
@user-vatican Год назад
а как перейти из одного файла в другой?
@Gazovchik
@Gazovchik Год назад
Жёстко и..... досадно (посмторел 2, 3ью и 4ую) Комбинации шикарные...... НО Уже месеца 3 Назад как - Знаю Посмотрел ролик одного питониста - ..... Там не 10, а наверное 20-25,,,,, До 30ти короче, очень полезных комбинаций. Но всё равно Автор старался
@vadymprokopchuk
@vadymprokopchuk Год назад
так можно снять ролик и на 100 комбинаций, а толку
@Gazovchik
@Gazovchik Год назад
@@vadymprokopchuk Кому как Я почти Все использую
@АлександрБасан-н6о
странно у меня почему то не работает контрл слеш для того что бы закаментировать строку и да я перепробовал два контрела и два слеша , может кто знает в чем дело
@vadymprokopchuk
@vadymprokopchuk Год назад
Странно, должно работать это древний Хоткей
@АлександрБасан-н6о
@@vadymprokopchuk да это было странно , нужно было снова просто назначить в настройках и теперь все работает
@dimondimonov6417
@dimondimonov6417 Год назад
Загоревший))) где отдыхал?
@vadymprokopchuk
@vadymprokopchuk Год назад
На галере с веслом)) (клавиатурой)
@TurchynykOleksii
@TurchynykOleksii Год назад
что за тема?
@stellshi
@stellshi Год назад
1
@Ragnar-hr4hm
@Ragnar-hr4hm Год назад
первый)
@abrajmek_zalilov
@abrajmek_zalilov Год назад
Лоховской видос, а хоткизы давно перенастроеные под более удобные мне. Шах и мат, король вечеринки!
@vadymprokopchuk
@vadymprokopchuk Год назад
Сам придумал правила, сам сыграл и сам победил?)
@stellshi
@stellshi Год назад
@@vadymprokopchuk звучит мощно)
@abrajmek_zalilov
@abrajmek_zalilov Год назад
@@vadymprokopchuk всё так!) А теперь по делу: справедливости ради скажу, что некоторые базовые хоткизы действительно нелогичны мне. Например дублировать строки по ctrl+d мне удобнее, т.к. и в другом не кодерском софте использую это сочетание. Двигать строки по ctrl+shift+up (или down) тоже, нежели чем с шифтом. Важнее знать, что хоткизы есть и как (где) их можно настроить, чем сами сочетания ;) Миру мир!
@gimntut
@gimntut Год назад
С помощью F2 можно переименовывать не только переменные js, но и теги html. Например div можно переименовать в span
@vasya8441
@vasya8441 Год назад
Вадим огромное Спасибо за видео. Самый лучший канал.
Далее
Tailwind, utility-first css-фреймворк
1:25:39
Просмотров 12 тыс.
Ozoda & Dilime - Lada
00:36
Просмотров 1,4 млн
Настройка VS Code для верстки
34:27
Просмотров 308 тыс.
PixelPerfect все что нужно знать
37:58
25 VS Code Productivity Tips and Speed Hacks
11:35
Просмотров 2,3 млн
Ozoda & Dilime - Lada
00:36
Просмотров 1,4 млн