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

  Переглядів 16,467

От 0 до 1

От 0 до 1

10 місяців тому

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

КОМЕНТАРІ: 97
@drawusoon
@drawusoon 10 місяців тому
Чем реже вечеринки тем ценнее они, но слишком редко тоже нельзя, а то сильно скучать начинаешь)))
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Согласен, тонкая грань
@user-qu9yl6bv6m
@user-qu9yl6bv6m 10 місяців тому
Еще бы видос запилить про горячие клавиши, еще бы рассказал про журнал буфера обмена 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
@user-bg3hu1oz4y 10 місяців тому
Коммент лучше видоса
@daily2102
@daily2102 4 місяці тому
Не было видоса - не было бы коммента@@user-bg3hu1oz4y
@michaelboltachev84
@michaelboltachev84 2 місяці тому
можно ли как-то перемещат курсор не используя стрелки на клавиатуре?
@paul_brain
@paul_brain 9 місяців тому
Открыл для себя несколько полезных сочетаний, благодарю за видео!
@88Liviu
@88Liviu 10 місяців тому
Большое спасибо автору!❤
@user-od4wh2jw8k
@user-od4wh2jw8k 10 місяців тому
Крутые фишки, спасибо, Вадим👍
@stasgosha
@stasgosha 3 місяці тому
Ещё полезная - обернуть выделенный html тегом Не знаю комбинацию по умолчанию, так как импортировал настройки из саблайма, но можно включить: Ctrl+K Ctrl+S (настройки хоткеев) wrap with abbreviation Работает так: выделяешь код, жмешь комбинацию, в окошке пишешь селектор, каким нужно обернуть Ещё пару очевидных, но не менее полезных: Ctrl + P - открыть файл по имени Ctrl + Tab; Ctrl + Shift + Tab - переключение между последними открытыми документами Win + V - буфер обмена с историей. Можно сначала накопировать, а потом навставлять)
@AU_IAN
@AU_IAN 5 місяців тому
Какой охрененно полезный урок и как преступно мало лайков!
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Согласен ))
@FrontNinja
@FrontNinja 10 місяців тому
Не понимаю хейта в сторону автора. Можно, конечно, просто перечислить десятки комбинаций, но толку от этого не много. Тут же автор показал, как их можно применять в реальных проектах, добавил свои комментарии и показал на практике. Так что сразу же можно понять, где пригодится и как можно самому использовать. Я вот не знал про переход на конец скобки, хотя иногда нужно. Сам же я на практике чаще всего использую комбинацию ctrl+D - очень полезная штука, экономит много сил. Выделяет следующее совпадение.
@vladimirzvyagincev8193
@vladimirzvyagincev8193 10 місяців тому
Здорова, брат!!! Рад видеть))))
@slavik__zzz9599
@slavik__zzz9599 10 місяців тому
Вадим, крутой видос! Как тебе идея для видео о сложности найти работу в front-end, и в целом состояния it рынка сейчас?
@Ghost_7-1-9
@Ghost_7-1-9 2 місяці тому
😁 Всё прилично с юмором👍
@user-rz1234
@user-rz1234 10 місяців тому
Класс! Спасибо!
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Спасибо
@vasya8441
@vasya8441 10 місяців тому
Вадим огромное Спасибо за видео. Самый лучший канал.
@user-ey4wc4nm4f
@user-ey4wc4nm4f 10 місяців тому
Молодой молоток нашабашил работягам вечериночек 👍
@user-wetal4903
@user-wetal4903 7 місяців тому
Привет из Салтовки,спасибо что ты у нас есть,Вадос 💪
@j-lewis
@j-lewis 5 місяців тому
Спасибо, сенсей, ты крут как всегда! 🙏
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Спасибо
@user-oi1ui9rm7x
@user-oi1ui9rm7x 9 місяців тому
Спасибо. Для меня реально полезно. Дублировать строки еще можно ctrl + D.
@iwmatt
@iwmatt 10 місяців тому
как всегда годнота, спасибо бро.
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Спасибо бро
@user-uu8zo6us7k
@user-uu8zo6us7k 10 місяців тому
Видосик как всегда шикарен! Всегда ставлю тебя за эталонного разработчика.
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Благодарю
@user-lr1xh3qi5b
@user-lr1xh3qi5b 10 місяців тому
Вадим, ты лучший, спасибо тебе огромнейшее за твои труды!!!! Будь счастлив!!!
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
спасибо
@onlydropped6479
@onlydropped6479 10 місяців тому
Вадим привет!! Рад видеть и слышать=)
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Взаимно
@velich76
@velich76 10 місяців тому
Приветствую - Вадим как всегда радует))
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
спасибо
@ESCOOBAAR
@ESCOOBAAR 2 місяці тому
Материал отлично подано, фразочки такие как "Вот такая вечеринка" себе наверстал))
@lexpotapenko9412
@lexpotapenko9412 10 місяців тому
Когда знаешь треки, но приходишь на вечеринку, что бы послушать их в исполнении любимого диджея!))
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
благодарю
@gimntut
@gimntut 10 місяців тому
С помощью F2 можно переименовывать не только переменные js, но и теги html. Например div можно переименовать в span
@user-uu8cs4wl5f
@user-uu8cs4wl5f 8 місяців тому
Доброго вечора! Скажіть, будь ласка, яку тему Ви використовуєте в VS Code? Дуже подобається, не можу знайти. Дякую!
@capstanfearless
@capstanfearless 6 місяців тому
Спасибо за видео! Это всегда большой труд. Кстати, многие клавиши совпадают с phpstorm у вас из видео)
@vadymprokopchuk
@vadymprokopchuk 6 місяців тому
я иногда работал через phpstorm, это удобно
@capstanfearless
@capstanfearless 6 місяців тому
В vscode есть плагин для figma, это огромный плюс
@user-uz4eb1mw1r
@user-uz4eb1mw1r 10 місяців тому
привет.Есть такой вопрос.Ты всегда работаешь с макетом flexbox или иногда используешь,например, float или grid? И как выбираешь что использовать.Заранее спасибо
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
обычно flex+grid
@BillGadov
@BillGadov 10 місяців тому
Спасибо за фичи ❤
@johnyyahappy
@johnyyahappy 3 місяці тому
Как сделать так чтобы допустим я написал тег параграф в нутри этого параграфа остался курсор мыши, как перевести этот курсор на новую строку или за пределы этого параграфа без помощью мышки и одним каким-то нажатием на клавиатуру?
@gandzhubasikowitch
@gandzhubasikowitch 10 місяців тому
какой шрифт у тебя на вскоде?
@user-vn7ld5cx1w
@user-vn7ld5cx1w 5 місяців тому
У тебя подача - СУПЕР +!!! польза от контента!
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
спасибо
@user-vn7ld5cx1w
@user-vn7ld5cx1w 5 місяців тому
@@vadymprokopchuk I Вам Вялiкае дзякуй!!!! 💙💙💛💛
@user-ll6hk2br8x
@user-ll6hk2br8x 10 місяців тому
👍👍👍
@user-vatican
@user-vatican 8 місяців тому
а как перейти из одного файла в другой?
@no_way_back813
@no_way_back813 10 місяців тому
дякую
@SERVER160692
@SERVER160692 3 місяці тому
Полезное видео Немного напрягает чуток глухой звук и небольшие завалы звука
@LLuKKen
@LLuKKen 11 днів тому
А как строку в тег обернуть?
@Dania-Rahub
@Dania-Rahub 10 місяців тому
Кайф
@user-xi3il5of5k
@user-xi3il5of5k 5 місяців тому
Добрый день! Почему-то у меня не работает shift+alt+F. Есть какие-то альтернативы?
@vadymprokopchuk
@vadymprokopchuk 5 місяців тому
Нужно вам в настройках посмотреть, вообще должно работать
@user-xi3il5of5k
@user-xi3il5of5k 5 місяців тому
@@vadymprokopchuk Спасибо
@SandyWinman
@SandyWinman 10 місяців тому
Цей день настав! Вадос ввімкнув монетизацію на каналі і пішла реклама!) Дякую за відос і давай вже нові стріми з верстанням, як у старі довоєнні часи (для середнячків, бо завжди були лише для новачків).
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Блін, то я походу галочку забув забрати ) чекнути треба )
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Точняк, галочка стояла ) ютуб був у шоці
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Да, за стрімами заскучив
@Gazovchik
@Gazovchik 10 місяців тому
Очень интересно...... Будут ли те, которые НЕ знаю - если да - автору спасибо.
@Gazovchik
@Gazovchik 10 місяців тому
Всем успехов в обучении Адекватности мира и добра
@DeSnov
@DeSnov 4 місяці тому
Это все круто! Ютуб меня не туда закинул но может выручите, в простм файле .txt как сделать чтоб строки сворачивались под 1, скопировал такой текст и очень удобно когда оно как бы в блоках свернуто, не нужно читать все полностю, а можно развернуть только тот участок текста который нужен, уже переклацал все комбинации
@vadymprokopchuk
@vadymprokopchuk 4 місяці тому
Открывайте файл через vs code и все будет работать по умолчанию
@DeSnov
@DeSnov 4 місяці тому
@@vadymprokopchuk так я в vs code и сижу, скопировать могу такой текст со строками которые свернуты в блоках, а как самому создать не понятно...
@vadymprokopchuk
@vadymprokopchuk 4 місяці тому
@@DeSnov что то я не могу тебя понять
@DeSnov
@DeSnov 4 місяці тому
@@vadymprokopchuk ну вот к примеру: >Виды игр: Настольные Азартные Подвижные Спортивные Ролевые Детские Компьютерные Психологические Трансформационные Челлендж Нужно что бы строка ">Виды игр:" осталась на экране а все что ниже в строках сворачивалось под нее, и когда нажимаешь на эту строку все разворачивалось.
@DeSnov
@DeSnov 4 місяці тому
в файле html такое сворачивание работает когда нажимаю alt+shift+A, но для текстовоо файла .txt оно не срабатывает, так как его тогда делают?
@user-be8nj6qi3b
@user-be8nj6qi3b 10 місяців тому
странно у меня почему то не работает контрл слеш для того что бы закаментировать строку и да я перепробовал два контрела и два слеша , может кто знает в чем дело
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Странно, должно работать это древний Хоткей
@user-be8nj6qi3b
@user-be8nj6qi3b 10 місяців тому
@@vadymprokopchuk да это было странно , нужно было снова просто назначить в настройках и теперь все работает
@StasKol
@StasKol 10 місяців тому
Cntr + X - вырезает строку. Часто пользуюсь если надо или вырезать или удалить строку.
@caH40yc
@caH40yc 10 місяців тому
дублирование строки ctrl+D, вроде быстрее эта комбинация
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Может у тебя перенастроено, у меня тоже другая, но у меня плагин стоит, для видоса взял стандартную
@AndrewUrch
@AndrewUrch 10 місяців тому
Shift + Del не просто удаляет, а вырезает с копированием в буфер обмена
@gimntut
@gimntut 10 місяців тому
Более того, для удаление нужно использовать клавиши del или backspace.
@salyamon-web
@salyamon-web 9 місяців тому
Проще ctrl + x удобнее под пальцы
@alexeyfilippov42
@alexeyfilippov42 10 місяців тому
Почему без таймокодов:(((
@Gazovchik
@Gazovchik 10 місяців тому
Жёстко и..... досадно (посмторел 2, 3ью и 4ую) Комбинации шикарные...... НО Уже месеца 3 Назад как - Знаю Посмотрел ролик одного питониста - ..... Там не 10, а наверное 20-25,,,,, До 30ти короче, очень полезных комбинаций. Но всё равно Автор старался
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
так можно снять ролик и на 100 комбинаций, а толку
@Gazovchik
@Gazovchik 10 місяців тому
@@vadymprokopchuk Кому как Я почти Все использую
@TurchynykOleksii
@TurchynykOleksii 10 місяців тому
что за тема?
@dimondimonov6417
@dimondimonov6417 10 місяців тому
Загоревший))) где отдыхал?
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
На галере с веслом)) (клавиатурой)
@user-in6ie4dn8j
@user-in6ie4dn8j 10 місяців тому
Hi
@stellshi
@stellshi 10 місяців тому
1
@Ragnar-hr4hm
@Ragnar-hr4hm 10 місяців тому
первый)
@abrajmek_zalilov
@abrajmek_zalilov 10 місяців тому
Лоховской видос, а хоткизы давно перенастроеные под более удобные мне. Шах и мат, король вечеринки!
@vadymprokopchuk
@vadymprokopchuk 10 місяців тому
Сам придумал правила, сам сыграл и сам победил?)
@stellshi
@stellshi 10 місяців тому
@@vadymprokopchuk звучит мощно)
@abrajmek_zalilov
@abrajmek_zalilov 10 місяців тому
@@vadymprokopchuk всё так!) А теперь по делу: справедливости ради скажу, что некоторые базовые хоткизы действительно нелогичны мне. Например дублировать строки по ctrl+d мне удобнее, т.к. и в другом не кодерском софте использую это сочетание. Двигать строки по ctrl+shift+up (или down) тоже, нежели чем с шифтом. Важнее знать, что хоткизы есть и как (где) их можно настроить, чем сами сочетания ;) Миру мир!
Tailwind, utility-first css-фреймворк
1:25:39
От 0 до 1
Переглядів 10 тис.
Топ 10 неочевидных ошибок в верстке HTML/CSS
27:12
0% Respect Moments 😥
00:27
LE FOOT EN VIDÉO
Переглядів 35 млн
Настройка VS Code для верстки
34:27
WebDesign Master
Переглядів 294 тис.
Тестирование верстки с помощью Devtools
20:16
code_sisters
Переглядів 3,4 тис.
25 VS Code Productivity Tips and Speed Hacks
11:35
Fireship
Переглядів 2,2 млн
Горячие клавиши Windows 10 секретные комбинации
10:32
ТЕХНО КОМПЬЮТЕР
Переглядів 405 тис.
Топ темы для VS Code. Мой список. Настройки редактора. Шрифт с лигатурами
11:38
ГОРЯЧИЕ КЛАВИШИ / HotKeys / Visual Studio Code
17:54
FUTURE PEOPLE
Переглядів 15 тис.
0% Respect Moments 😥
00:27
LE FOOT EN VIDÉO
Переглядів 35 млн