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

  Рет қаралды 17,094

От 0 до 1

От 0 до 1

11 ай бұрын

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

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