Горячие клавиши в VS Code — это экономия времени и отличный способ упростить себе жизнь при разработке кода. Как правило, понимание ценности этого инструмента приходит с опытом, однако мы рекомендуем привыкать к горячим сочетаниям с первых же дней изучения программирования.

Что такое горячие клавиши в VS Code

В любом софте горячие клавиши — это сочетание двух или более клавиш на клавиатуре, при нажатии которых запускаются определенные действия в программе или операционной системе. Например, известные многим комбинации «Ctrl + C» и «Ctrl + V» позволяют копировать и вставлять текстовые строки или изображения соответственно, не тратя при этом время на открытие контекстного меню.

Конечно, во время разработки или отладки кода можно обойтись и без горячих клавиш. Все опции так или иначе доступны из надстроек или контекстного меню, вызвать которое можно кликом ПКМ (правая кнопка мыши). Однако для ускорения рабочего процесса рекомендуется все-таки изучить популярные сочетания клавиш, а то и настроить свои собственные. Сейчас узнаем, как это сделать.

Как настроить горячие клавиши

Для просмотра готовых и настройки собственных хоткеев откройте VS Code и кликните на иконку с шестеренкой в нижней левой части интерфейса. В контекстном меню выберите пункт «Сочетания клавиш», если у вас русскоязычная версия софта, или же «Hotkeys», если интерфейс на английском.

Откроется окно со списком всех горячих клавиш с описанием каждой команды. В верхней части есть строка поиска — в ней можете указать конкретный пункт, который хотите настроить. Допустим, надо изменить сочетание клавиш для дублирования выделенного участка кода. Найдите этот пункт через поиск в списке, затем кликните на иконку «+» слева от названия, чтобы добавить свое сочетание.

Вновь откроется окно с просьбой указать комбинацию клавиш. Зажмите на клавиатуре сочетание, которое считаете нужным для этой команды, затем нажмите Enter. Настройки применяются сразу же. Таким образом можно изменить и уже настроенные комбинации, если в этом есть потребность.

Полезные горячие клавиши

Давайте рассмотрим наиболее часто используемые разработчиками комбинации клавиш для VS Code. Для удобства поделим их на категории в зависимости от того, какие команды они делают.

Важно: комбинации указаны для операционной системы Windows. Если Visual Studio Code у вас установлен на MacOS, вместо клавиши Ctrl в описанных сочетаниях используйте кнопку Command. Вместо клавиши Alt на ПК с системой MacOS используется кнопка Option. В остальном различий нет.

Клавиши для навигации по коду

Манипуляции с окном редактора с помощью мыши — это просто, но долго и не всегда удобно. Тем более, если приходится работать с большим кодом на несколько тысяч строк с множеством блоков и разношерстных переменных. Упростить работу помогут навигационные хоткеи, указанные далее.

Shift + Tab — смещение табуляции на один шаг влево. Важное сочетание для разработчиков на языке Python, так как клавиша Tab «отбивает» ровно четыре пробела, что нужно для оформления кода.

F12 либо Alt + левая кнопка мыши — быстрый переход к переменной либо к родительскому классу.

Ctrl + D — выделение слова, на котором установлен курсор. Если после выделения повторно нажать на клавишу D, не отпуская при этом Ctrl, под выделение попадет следующее идентичное значение, идущее по порядку вниз. Удобно, если нужно быстро выделить ближайшие значения переменной.

Ctrl + Shift + L — это альтернатива для сочетания Ctrl + D, которая позволяет выделить все вхождения уже выделенного слова или фразы.

Ctrl + L — выделение строки полностью. Отлично работает в сочетании с «Копировать» и «Вырезать».

Ctrl + G — переход к строке с заданным номером. Нажмите комбинацию двух клавиш, затем введите номер строки, которую хотите увидеть. Сочетание сильно экономит время во время отладки кода.

Ctrl + Shift + / — переход к парной скобке. Комбинация спасает в ситуациях, когда кода становится так много, что разработчик начинает путаться в обилии открывающих и закрывающих скобок.

F12 — переход к переменной. Нашли в коде переменную с неизвестным происхождением и хотите узнать, где она объявлена и что у нее с областью видимости? Установите курсор на нее, нажмите на F12, и VS Code по каждому нажатию будет показывать места, в которых объявлена переменная.

Alt + Shift + стрелка влево/стрелка вправо — сжатие либо расширение выделенного фрагмента соответственно. Если нажимаете клавиши быстрее, чем водите мышью по дисплею, это сочетание определенно поможет в рабочих задачах.

Ctrl + ]/[ — в первом случае комбинация увеличивает табуляцию для строки, на которой установлен курсор, а во втором, напротив, уменьшает ее.

Ctrl + Shift + [ — сворачивает блок, в пределах которого установлен курсор. Удобно, если нужно на время скрыть часть кода, чтобы она не отвлекала от работы. Чтобы раскрыть сжатые таким образом блок, достаточно нажать сочетание клавиш Ctrl + Shift + ].

Ctrl + Home — быстро перемещает курсор в начало редактора. Если нужно моментально попасть в конец окна редактора, нажмите Ctrl + End.

Клавиши для быстрого редактирования

Быстрое и удобное перемещение по коду — это хорошо, но все же недостаточно для продуктивной работы разработчика. Вот несколько хоткеев, которыми пользуются при редактировании проекта.

Ctrl + / — комментирование или раскомментирование строки. Интересно, что программа VS Code автоматически проставляет символ для в зависимости от выбранного вами языка. При этом курсор перед нажатием комбинации может находиться в любом месте строки — это неважно.

Shift + Del — удаление строки полностью. Зачем тратить время на ручное выделение строки мышью, а затем еще и нажатие на Backspace? Поставьте курсор в удаляемую строку, и нажмите сочетание.

Alt + стрелка вверх/стрелка вниз — двигает строку, на которой установлен курсор, вверх либо вниз соответственно. Экономит уйму времени, так как не нужно сперва выделять строку, затем нажимать Ctrl + C для копирования, перемещать курсор и вставлять строчку на новое место. Попробуйте сами!

Shift + Alt + стрелка вверх/стрелка вниз — копирует строку, на которой установлен курсор, и двигает ее вниз. Если нажать комбинацию со стрелкой вверх, курсор автоматически переместится на одну строчку вверх. Хотите, чтобы он остался на месте? Тогда вам нужно сочетание со стрелкой вниз.

F2 — назначение переменной нового имени. Важно: при использовании такой комбинации новое название присваивается всем одинаково названным переменным только внутри блока. Сочетание экономит время, так как не нужно вручную выделять параметры и переименовывать по одному.

Shift + Alt + F — автоматическое форматирование документа. При нажатии комбинации VS Code в первую очередь предложит установить одно из доступных расширений для форматирования кода (если такого еще нет). При повторном нажатии программа приведет код к читабельному виду.

Ctrl + K Ctrl + F — форматирование выделенной области кода. Эти два сочетания нужно прожимать в случае, если хотите привести к читабельному виду не весь документ, а некоторую его часть.

Ctrl + K Ctrl + X — обрезание пробелов в конце строки. Незаменимый хоткей, который используется на этапе рефакторинга кода. Экономит время на ручном удалении лишних пробелов. Большой плюс и в том, что комбинация может срабатывать одновременно на нескольких выделенных строках.

Alt + Z — включение либо отключение автоматического переноса слов. Если вдруг пишите настолько длинные строки кода, что они не помещаются в ширину экрана, нажмите на эту комбинацию.

ALT + клик левой кнопкой мыши — размножение курсора. С зажатым Alt кликайте на все строки, где хотите установить дополнительный курсор. Это можно сделать иначе — выделить несколько строк с зажатой средней кнопкой мыши. Удобно, если нужно редактировать разные участки кода сразу.

Ctrl + K, Ctrl + [ — поочередное нажатие этих сочетаний позволяет свернуть все субрегионы кода. Соответственно, чтобы их после этого быстро развернуть в стандартный вид, нужно нажать те же комбинации, но с закрывающей скобкой ].

Клавиши для быстрого запуска кода

Код написан, и неужели здесь возможности горячих клавиш заканчиваются? Нет, их преимущество раскрывается в том числе на этапе отладки проекта и во время редактирования возможных ошибок. Вот какими комбинациями пользуются многие разработчики:

F5 — запуск процедуры отладки кода.

Ctrl + F5 — запустить код без предварительной отладки. Используйте эту опцию, если уверены в том, что с кодом полный порядок и нет необходимости в его проверке перед запуском.

Shift + F5 — принудительно остановить процесс отладки.

Ctrl + Shift + F5 — перезапустить процесс отладки. Полезно, если в ходе проверки кода обнаружены ошибки, которые нужно исправить прежде, чем повторно запустить отладку.

• Alt + F9 — переключить точку останова.
• Ctrl + Shift + F9 — удалить все действующие точки останова.
• Ctrl + Alt + Q — выполнить быструю проверку во время отладки.

Ctrl + F10 — выполнить код до активной позиции. Перед нажатием комбинации клавиш установите курсор на строку, на которой должно заканчиваться выполнение кода или его отладка. Удобно для поэтапной работы.

F8 — переход между ошибками во время отладки. Хоть это и не сочетание клавиш, все-таки очень полезный инструмент. Не нужно листать код колесиком мышки и искать подсвеченные строчки. Чтобы перейти на предыдущую ошибку, используйте комбинацию Shift + F8.

Клавиши для работы с терминалом

Работу с терминалом VS Code тоже можно и даже нужно оптимизировать, используя для этого горячие клавиши, предусмотренные разработчиками Visual Studio Code. Их не так много, поэтому на запоминание не потребуется много времени.

Ctrl + ` — вызов терминала. Повторное нажатие комбинации, соответственно, скрывает терминал.

Ctrl + Shift + ` — открыть новый терминал для работы.

Ctrl + Alt + стрелка вправо — разделение рабочего пространства с последующим перемещением активной вкладки в правую часть окна. Чтобы вернуть вкладку назад, нужно нажать аналогичную комбинацию, но со стрелкой влево.

Ctrl + R — переключение между средами разработки. При нажатии этой комбинации программа VS Code отобразит вам список всех рабочих пространств, используемых недавно. Важно: в случае, если вы перейдете в одно из недавних пространств, текущая сессия терминала закроется.

1. Shift + Page Up/Page Down — быстрая прокрутка окна терминала вверх или вниз соответственно.
2. Ctrl + , E — просмотреть список со всеми ошибками, которые возникли при отладке/запуске кода.
3. Ctrl + Shift + M — отобразить панель с указанием найденных проблем.

Клавиши для работы с файловой системой

Многие разработчики, причем даже с большим опытом в программировании, до сих пор работают с файловой системой из контекстного меню «Файл». Однако это неудобно и отбирает много времени на поиск нужного подпункта. Это можно оптимизировать.

Ctrl + N — создать новый файл для работы с кодом.

Ctrl + Shift + N — открыть новое окно редактора Visual Studio Code.

Ctrl + W — закрыть окно редактора. Также можно воспользоваться сочетанием Ctrl + F4. Если нужно закрыть текущее окно редактора, нажмите комбинацию клавиш Ctrl + Shift + W.

• Ctrl + K + O — открыть папку.
• Ctrl + K + F — закрыть папку.
• Ctrl + O — открыть файл.
• Ctrl + W — закрыть файл.
• Ctrl + S — сохранить изменения в файле.
• Ctrl + Shift + S — сохранить изменения с указанием конкретного названия и расширения файла.
• Ctrl + K + S — сохранить все открытые файлы.
• Ctrl + K + P — скопировать путь, по которому располагается текущий файл.
• Ctrl + Q — быстро открыть файл.

Клавиши для работы с Git

1. По умолчанию горячие клавиши для работы с Git в программе VS Code не назначены. Предлагаем настроить их самостоятельно, используя одну из популярных в среде разработчиков раскладку:
2. Alt + G + H — показать историю работы с системой управления версиями Git.

3. Alt + G + P — отправить изменения, внесенные в код.
4. Alt + G + C — зафиксировать изменения в памяти Git (закоммитить).
5. Alt + G + B — создать новую ветку.
6. Alt + G + T — переключиться с одной ветки на другую.
7. Alt + G + I — начать инициализацию Git.

Прочие горячие клавиши

Здесь мы перечислили еще несколько хоткеев, которые не вошли в предыдущие категории, но могут пригодиться при работе над проектом.

Ctrl + Z + K — активация дзен-режима. В таком режиме скрываются все лишние панели, а активное окно редактора открывается на весь экран. Ничего не отвлекает от разработки или отладки кода. Чтобы выйти из дзен-режима, достаточно нажать клавишу Esc.

F11 — отображение интерфейса в полноэкранном режиме. Если дзен-мод кажется вам интересным решением, но не хочется отказываться от важных для работы вкладок, используйте этот хоткей.

Ctrl + ` — переход к окну настроек. Даже если вы долго работаете в VS Code, наверняка приходится периодически открывать окно с параметрами, чтобы внести изменения или вспомнить, что значит та или иная комбинация клавиш. Вход в меню настроек можно упростить вот этим сочетанием.

Ctrl + Shift + Space — отображение подсказок по параметрам. Комбинация помогает новичкам и не только, когда не получается вспомнить порядок параметров, но читать документацию не хочется.

Ctrl + K Ctrl + T — открыть окно выбора темы оформления. Стандартный интерфейс VS Code может показаться слишком скучным даже любителям минимализма. Благо, есть возможность выбирать.

Alt + C/R/W — переключение чувствительности VS Code к регистру между одним из трех уровней.

Ctrl + B — включить либо отключить (при повторном нажатии) видимость боковой панели редактора.

Ctrl + Shift + F — открыть окно поиска по коду. Одно из главных сочетаний клавиш, которыми вы будете часто пользоваться как на этапе написания, так и в процессе редактирования кода.

Значимость горячих клавиш для разработки ПО

Исследователи из проекта Brainscape провели небольшой анализ и выяснили, что использование горячих клавиш в условиях стандартной 40-часовой рабочей недели экономит 8 рабочих дней в год! По их подсчетам, нажатие комбинации клавиш в среднем на 2 секунды быстрее, чем совершение той же команды, но из контекстного меню с помощью мыши. Если до сих пор не пользуетесь этим инструментом, в течение одного года вы совершенно бессмысленно теряете до 64 часов времени.

Серьезные IT-компании уделяют горячим клавишам особое внимание. Еще бы, ведь 8 рабочих дней можно не потратить впустую, а направить на работу над проектом, и добиться лучших результатов в сравнении с конкурентами. Но даже если вы начинающий разработчик или программист, который работает на фрилансе, внедрение хоткеев в рабочий процесс поможет развиться как специалист.

Ускорение разработки — не единственная причина внедрить горячие клавиши в рабочий процесс. Использование хоткеев банально удобнее, не нужно каждый раз наводиться мышью на требуемый пункт контекстного меню. Вместо этого автоматически срабатывает мышечная память. Для зрения тоже плюс, так как разработчику не приходится каждый раз искать глазами нужный пункт в меню.

Особо искушенные программисты могут пойти еще дальше, и использовать макросы при помощи специализированных программ или софта, управляющего клавиатурой/мышью. В этом случае есть возможность создавать целые связки горячих клавиш для особо часто выполняемых операций на этапе написания, рефакторинга или отладки кода. Это позволит сэкономить еще немного времени.

https://www.youtube.com/watch?v=Zg1NhmDxu2w\u0026pp=ygVe0KLQntCfLTEyINGB0L7Rh9C10YLQsNC90LjQuSDQutC70LDQstC40YggVlMgQ29kZSDQtNC70Y8g0L_RgNC-0LTRg9C60YLQuNCy0L3QvtC5INGA0LDQsdC-0YLRiw%3D%3D

Начните использовать горячие клавиши в VS Code сейчас, и всего через несколько часов активного применения запомните большую часть сочетаний. На первое время можете выписать нужные вам хоткеи на лист бумаги или открыть памятку на втором мониторе, периодически поглядывая на нее. Если какие-то комбинации кажутся неудобными, помните, что их можно легко отредактировать.

VS Code — горячие клавиши, хоткеи

Горячая клавиша — это клавиша клавиатуры, которая при нажатии сама по себе или в сочетании с другими клавишами выполняет определенную функцию.

Горячие клавиши обеспечивают удобные сочетания клавиш для выполнения обычных задач, доступ к которым осуществляется через меню.

Пользователи также могут назначать сочетания клавиш во многих программах, используя макросы для создания функций горячих клавиш.

Горячие клавиши предоставляют пользователям компьютеров удобные сочетания клавиш.

Большинство операционных систем имеют библиотеку встроенных горячих клавиш, многие из которых стандартизированы, чтобы помочь пользователям, которые могут менять операционные системы или использовать несколько платформ.

Программное обеспечение, включая текстовые процессоры, электронные таблицы и веб-браузеры, также включает в себя стандартизированные горячие клавиши в дополнение к специализированным горячим клавишам, специфичным для данной программы.

Ниже представлены горячие клавиши для программы Visual Studio Code (VS Code):

Ctrl+Shift+P/F1	Показать палитру команд
Ctrl+P	Быстрое открытие
Ctrl+Shift+N	Новое окно/объект
Ctrl+Shift+W	Закрыть окно/объект

Ctrl+X	Вырезать
Ctrl+C	Скопировать
Alt+Up Arrow/Down Arrow	Поднять/опустить строку
Shift+Alt+Down Arrow/Up Arrow	Копирование строки вверх/вниз
Ctrl+Shift+K	Удалить строку
Ctrl+Enter	Вставить строку ниже
Ctrl+Shift+Enter	Вставить строку выше
Ctrl+Shift+	Переход к соответствующей скобке
Ctrl+]/[	Отступ/зачеркнутая строка
Home	Перейти к началу строки
End	Перейти к концу строки
Ctrl+Home	Перейти к началу файла
Ctrl+End	Перейти в конец файла
Ctrl+Up Arrow/Down Arrow	Прокрутка строки вверх/вниз
Alt+PgUp/PgDn	Прокрутка страницы вверх/вниз
Ctrl+Shift+[	Область складывания (схлопывания)
Ctrl+Shift+]	Область разворачивания (разворачивания)
Ctrl+K, затем Ctrl+[	Сложить (свернуть) все субрегионы
Ctrl+K, затем Ctrl+]	Развернуть (распустить) все субрегионы
Ctrl+K, затем Ctrl+0	Свернуть (развернуть) все регионы
Ctrl+K, затем Ctrl+J	Развернуть (распустить) все регионы
Ctrl+K, затем Ctrl+C	Добавить комментарий к строке
Ctrl+K, затем Ctrl+U	Удалить комментарий строки
Ctrl+K, затем Ctrl+T	Изменить тему
Ctrl+/	Комментарий строки переключения
Shift+Alt+A	Переключить комментарий блока
Alt+Z	Переключение обводки слов

Ctrl+T	Показать все символы
Ctrl+G	Перейти на линию…
Ctrl+P	Перейти к файлу…
Ctrl+Shift+O	Перейти к символу…
Ctrl+Shift+M	Показать панель проблем
F8	Переход к следующей ошибке или предупреждению
Shift+F8	Переход к предыдущей ошибке или предупреждению
Ctrl+Shift+Tab	Навигация по истории группы редакторов
Alt+Left Arrow/Right Arrow	Переход назад/вперед
Ctrl+M	Tab перемещает фокус

Ctrl+F	Искать
Ctrl+H	Заменить
F3/Shift+F3	Найти следующий/предыдущий
Alt+Enter	Выберите все вхождения / найти соответствие
Ctrl+D	Добавить выделение к следующему совпадению
Ctrl+K, затем Ctrl+D	Переместить последний выбор на следующий поиск совпадения
Alt+C/R/W	Переключить чувствительность к регистру

Alt+Click	Вставить курсор
Ctrl+Alt+Up Arrow/Down Arrow	Вставить курсор выше / ниже
Ctrl+U	Отмена последней операции с курсором
Shift+Alt+I	Вставьте курсор в конец каждой выбранной строки
Ctrl+I	Выберите текущую строку
Ctrl+Shift+L	Выбрать все вхождения текущего выделения
Ctrl+F2	Выберите все вхождения текущего слова
Shift+Alt+Right Arrow	Расширить выбор
Shift+Alt+Left Arrow	Выбор сокращений
Shift+Alt +Drag	Выбор колонки (ячейки)
Ctrl+Shift+Alt+Arrow Keys	Выбор колонки (ячейки)
Ctrl+Shift+Alt+PgUp /PgDn	Страница выбора колонки (ячейки) вверх/вниз

Ctrl+Spacebar	Триггерное предложение
Ctrl+Shift+Spacebar	Подсказки по параметрам триггера
Tab	Emmet — расшифровка аббревиатуры
Shift+Alt+F	Форматирование документа (выравнивание кода)
Ctrl+K затем Ctrl+F	Выбор формата
F12	Перейти к определению
Alt+F12	Определение взгляда
Ctrl+K, затем F12	Открытое определение в сторону
Ctrl+.	Быстрое исправление
Shift+F12	Показать ссылки
F2	Переименовать символ
Ctrl+Shift+./,	Заменить на следующее/предыдущее значение
Ctrl+K, затем Ctrl+X	Обрезание пробельных символов в конце
Ctrl+K, затем M	Изменить язык файла

Ctrl+F4, затем Ctrl+W	Закрыть редактор
Ctrl+K, затем F	Закрыть папку
Ctrl+	Раздельный редактор
Ctrl+1/2/3	Фокус в 1-й, 2-й или 3-й группе редакторов
Ctrl+K, затем Ctrl+Left Arrow/Right Arrow	Фокусировка на предыдущей/следующей группе редакторов
Ctrl+Shift+PgUp/PgDn	Перемещение редактора влево/вправо
Ctrl+K, затем Left Arrow/Right Arrow	Переместить активную группу редакторов

Ctrl+N	Новый файл
Ctrl+O	Открыть файл
Ctrl+S	Сохранить
Ctrl+Shift+S	Сохранить как
Ctrl+K, затем S	Сохранить все
Ctrl+F4	Закрыть
Ctrl+K, затем Ctrl+W	Закрыть все
Ctrl+Shift+T	Повторное открытие закрытого редактора
Ctrl+K, затем Enter	Держать открытым
Ctrl+Tab	Открыть следующую
Ctrl+Shift+Tab	Открыть предыдущий
Ctrl+K, затем P	Копирование путь активного файла
Ctrl+K, затем R	Отображение активного файла в Проводнике
Ctrl+K, затем O	Показать активный файл в новом окне/инстансе

F11	Переключить полный экран
Shift+Alt+1	Переключение макета редактора
Ctrl+=/-	Увеличение/уменьшение
Ctrl+B	Переключение видимости боковой панели
Ctrl+Shift+E	Показать проводник / переключить фокус
Ctrl+Shift+F	Показать поиск
Ctrl+Shift+G	Показать Git
Ctrl+Shift+D	Показать отладку
Ctrl+Shift+X	Показать расширения
Ctrl+Shift+H	Замена в файлах
Ctrl+Shift+J	Детали поиска
Ctrl+Shift+C	Откройте новую командную строку/терминал
Ctrl+Shift+U	Показать панель вывода
Ctrl+Shift+V	Переключить предварительный просмотр Markdown
Ctrl+K, затем V	Открыть предварительный просмотр Markdown сбоку

F9	Переключение точки останова
F5	Начать/продолжить
Shift+F5	Стоп
F11/Shift+F11	Шаг в/из
F10	Шаг за шагом
Ctrl+KзатемCtrl+I	Показать наведение

Ctrl+`	Показать встроенный терминал
Ctrl+Shift+`	Создать новый терминал
Ctrl+Shift+C	Выбор копирования
Ctrl+Shift+V	Вставить в активный терминал
Ctrl+Up Arrow/Down Arrow	Прокрутка вверх/вниз
Shift+PgUp/PgDn	Прокрутка страницы вверх/вниз
Ctrl+Home/End	Прокрутка вверх/вниз

ТОП-12 сочетаний клавиш VS Code для продуктивной работы

Данная статья является переводом. Aziz Nal. Ссылка на оригинал.

Когда вы работаете, то хотите как можно быстрее воплотить мысли в код. Необходимость использовать мышь и выяснять, где что находится, или возиться с изменением размера чего-либо может иногда выбить вас из колеи.

Лично у меня внутри все замирает каждый раз, когда я вижу, как коллега тянется к мышке, чтобы переместить строку или сменить вкладку. Подумайте о своих бедных плечах!

Так что если вы вечно пытаетесь найти файл или тянетесь к мышке каждые 2 секунды, эти сочетания клавиш для вас!

1 – Переместить линию или выделение

• Переместить текущее выделение вверх или вниз на одну строку.
• Linux / Windows: Alt + стрелка вверх/вниз
• Mac: Opt + стрелка вверх/вниз
• Будьте как winrar и сожмите 4 движения мыши в одно сочетание клавиш для перемещения линий.

2 – Копировать линию или выделение

1. Дублирование выделения вверх или вниз.
2. Windows: Alt + Shift + стрелка вверх / вниз
3. Linux: Ctrl + Alt + Shift + стрелка вверх / вниз
4. Mac: Opt + Shift + стрелка вверх / вниз

Оплата по строкам написанного кода? Я тебя поймал. Станьте инженером copy-paste на стероидах, которым вы всегда должны были быть.

3 – Сменить вкладку

• Переход на следующую или предыдущую открытую вкладку.
• Linux / Windows: Ctrl + PageUp / PageDown
• Mac: Cmd + Opt + стрелка вверх / вниз

Следующая вкладка так близко, но так далеко. Ну, больше нет!

4 – Переместить вкладку

1. Перемещение текущей вкладки на одну позицию вперед или назад.

2. Linux / Windows: Ctrl + Shift + PageUp / PageDown
3. Mac: Cmd + K -> Release -> Cmd + Shift + стрелка влево/вправо
4. Для тех, кто страдает ОКР и просто НЕОБХОДИМО, чтобы их вкладки были организованы определенным образом (go-away-it-makes-me-feel-better gang rise).

Интересно, перейти к каналу

5 – Найти файл

• Найдите файл в любом месте текущего сеанса редактора с помощью нечеткого поиска.
• Linux / Windows: Ctrl + P
• Mac: Cmd + P

Вы работаете над приложением своей мечты, которое принесет вам миллионы, и вам нужно открыть определенный файл. Вы слабо представляете, куда делся этот надоедливый файл utils.ts.

Увы, вы начинаете искать. Каталог за каталогом, прокручивая вверх и вниз: «Где же он?! Я просто ЗНАЮ, что он был ПРЯМО ЗДЕСЬ, чувак!». Безнадежно. Вы отказываетесь от приложения своей мечты и начинаете карьеру фермера, выращивающего капусту.

Или просто избавьте себя от проблем и позвольте своему приятелю VS Code найти его для вас.

6 – Найти символ

1. Найдите класс, функцию или свойство в любом месте текущего сеанса редактора с помощью нечеткого поиска.

2. Linux / Windows: Ctrl + T
3. Mac: Cmd + T

Лучшие практики говорят, что в одном файле не должно быть 42 069 строк кода, но их никто не читает, поэтому, в конце концов, нам понадобится что-то особенное для поиска. Найдите объявления функций, свойств и классов в вашей беспорядочно разбросанной кодовой базе за долю секунды!

7 – Развернуть / Свернуть текущий блок кода

• Разверните или сверните блок кода, например, функцию или класс.
• Linux / Windows: Ctrl + K -> Release -> Ctrl + L
• Mac: Cmd + K -> Release -> Cmd + L
• Если вы свернете эту длинную цепочку if-else прямо сейчас, вам больше не придется ее рефакторить. Хак продуктивности ????

8 – Свернуть блоки кода

1. Свернуть все блоки кода на определенном уровне отступа, соответствующем нажатой цифре.

2. Linux / Windows: Ctrl + K -> Release -> Ctrl + num
3. Mac: Cmd + K -> Release -> Cmd + num
4. Если предыдущее сочетание клавиш было хирургическим приемом, то это – мощный удар.

В современных IDE так много цветов, что удивительно, как нам удается хоть что-то сделать. Помогите себе сосредоточиться на функции в 300 строк, заставив все остальные функции в 300 строк на время исчезнуть.

9 – Расширяйте все блоки кода

• Рекурсивно разверните все блоки кода.
• Linux / Windows: Ctrl + K -> Release -> Ctrl + J
• Mac: Cmd + K -> Release -> Cmd + J
• Сделайте глоток вашего двойного эспрессо с карамелью макиато и приготовьтесь принять на себя всю мощь вашего кода после этого.

10 – Переключение терминалов

1. Переход к следующему или предыдущему терминалу.
2. Linux / Windows: Ctrl + PageUp / PageDown
3. Mac: Ctrl + Cmd + Shift + 0 / 7
4. Это для fullstack bro/sis с 13 различными сервисами, работающими параллельно.

11 – Переключение панелей терминалов

• Переход к следующему или предыдущему терминалу в конфигурации с разделенными панелями.
• Linux / Windows: Alt + стрелка влево / вправо
• Mac: Cmd + Opt + стрелка влево / вправо
• Этот пункт предназначен для богатых, искушенных bro/sis с супер-макси-ультра-широкими дисплеями, которые могут запускать 13 параллельных сервисов и держать их в поле зрения одновременно.

12 – Изменить размер панели терминала

1. Изменение размера панели терминала для просмотра большего или меньшего содержимого.
2. Linux: Ctrl + Shift + стрелка влево / вправо
3. Mac: Ctrl + Cmd + стрелка влево / вправо

Windows: Необходимо назначить вручную. Поищите Terminal Resize в сочетаниях клавиш.

Он поможет вам, когда вам нужно просмотреть трехстраничный очерк сообщения об ошибке в терминале, когда оказалось, что вы вызвали consol.log вместо console.log.

Заключение

Надеюсь, эти сочетания клавиш помогут вам дольше оставаться продуктивным, а также избавят вас от боли в плече в конце рабочего дня. Оставьте мышь для просмотра Proglib!

Материалы по теме

• 5 советов и хитростей для Visual Studio Code

15 лучших сочетаний клавиш VS Code для повышения производительности

Вы хотите быть очень продуктивным? Ознакомьтесь и запомните эти сочетания клавиш VS Code для Linux, Windows и macOS.

Нет сомнений в том, что Microsoft VS Code — один из лучших редакторов кода с открытым исходным кодом. В отличие от легендарного Vim, VS Code не требует от вас быть клавиатурным ниндзя и имеет множество функций, которыми разработчики клянутся.

https://www.youtube.com/watch?v=Zg1NhmDxu2w\u0026pp=YAHIAQE%3D

Но это не значит, что вы не можете или не должны использовать сочетания клавиш в Visual Studio Code.

Вы ненавидите прерывать процесс кодирования и подносить руку к мыши для выполнения такого действия, как переключение терминала в редакторе кода Visual Studio (VS Code)? Если да, то вам следует немедленно ознакомиться и запомнить эти полезные сочетания клавиш для VS Code.

Это не только поможет вам избавиться от мыши, но и сделает вашу работу более продуктивной и эффективной.

Итак, давайте узнаем, как можно быстро писать код, быстро перемещаясь по редактору кода с помощью сочетаний клавиш.

Полезные сочетания клавиш VS Code

Эти сочетания клавиш я считаю наиболее полезными при работе в VS Code. Вы можете изучить больше из них в зависимости от ваших потребностей.

Я также упомянул сочетания клавиш для пользователей MacOS.

1. Показать все команды

CTRL + SHIFT + P or F1

SHIFT + ⌘ + P или F1

Начиная с самого полезного ярлыка, открывается палитра команд, обеспечивающая доступ ко всем функциям VS Code.

Это очень важный ярлык VS Code, потому что даже если вы забудете или не захотите запоминать какой-либо ярлык, кроме этого, вы все равно можете выполнять различные операции с помощью палитры команд, например создавать новый файл, открывать настройки, менять тему и просматривать все. сочетания клавиш, а также.

2. Разделить редактор кода VS по вертикали или горизонтали

CTRL +

⌘ +

Если у вас нет настройки с несколькими мониторами для обеспечения высокой производительности, вы все равно можете просматривать коды нескольких файлов одновременно, разделив редактор по горизонтали или по вертикали.

Чтобы переключить фокус на группу редакторов, вы можете использовать клавиши с цифрами или клавиши со стрелками.

CTRL + 1/2/3

⌘ + 1/2/3

CTRL + K CTRL + ←/→

⌘ + К ⌘ + ←/→

3. Переключить встроенный терминал

CTRL + `

⌘ + `

Встроенный терминал в VS Code — очень удобная функция, позволяющая быстро выполнить задачу без переключения окон. Чтобы скрыть/показать терминал в редакторе, это сочетание клавиш очень удобно.

Однако, как и я, если вам сложно использовать кнопку «CTRL+`» из-за ее странного углового расположения, вы все равно можете открыть палитру команд и выполнить команду View: Toggle Terminal. .

4. Перейти к файлу

CTRL + P

⌘ + П

По мере роста проекта поиск файла может стать очень сложной задачей. Следовательно, я бы посоветовал даже вам использовать мышь, эта команда может сэкономить вам много времени при поиске и переходе к файлу в репозитории.

5. Перейти к строке

CTRL + G

^+ Г

После поиска файла вы можете перейти к определенной строке для добавления или редактирования кода. Если файл содержит тысячи строк кода, прокрутка определенно может отнять ваше время. Следовательно, сочетание клавиш CTRL+G или ^+G VS Code может быстро привести вас к нужной строке.

В качестве альтернативы вы также можете использовать четвертый ярлык для «Перейти к файлу», где добавление двоеточия : с номером строки в поле ввода работает как «Перейти к строке».

6. Поиск по всему проекту

CTRL + SHIFT + F

⌘ + Shift + Ф

Скорее всего, вам также захочется выполнить поиск текста, переменной или функции во всем проекте. В таком случае очень удобна эта команда, которая показывает ввод поиска на боковой панели.

Вы также можете добавить фильтры к вашему поиску, используя ALT+C для соответствия регистру, ALT+W для соответствия всему слову и ALT+R для использования регулярного выражения.

7. Режим Дзен

CTRL + K Z

⌘ + К З

Хотите работать в обстановке, где вас никто не отвлекает, чтобы оставаться более сосредоточенным? Режим Zen — это функция VS Code, которая скрывает весь пользовательский интерфейс (строку состояния, панель активности, панель и боковую панель) и отображает только редактор в полноэкранном режиме.

Чтобы включить режим дзен, вы можете использовать приведенный выше ярлык или открыть палитру команд и выполнить «Просмотр: переключить режим дзен». Чтобы выйти из режима Дзен, необходимо дважды нажать кнопку Esc.

8. Добавить выделение к следующему найденному совпадению

CTRL + D

⌘ + Д

Эта команда позволяет вам выбрать следующие вхождения выделенного текста для редактирования. Это очень удобно, если следующее совпадение находится далеко от первого.

9. Переключить комментарий к строке

CTRL + /

⌘ + /

Попытку добраться до начала строки и затем добавить двойную косую черту к строке можно заменить этим быстрым сочетанием клавиш.

Даже если вы хотите закомментировать несколько строк, вы можете выбрать все строки, используя SHIFT+UP/Down, а затем нажать CTRL+/.

10. Перейти к началу или концу файла

CTRL + HOME/END

⌘ + ↑/↓

Если вы заблудились в середине кода, эта команда поможет быстро добраться до начала или конца файла.

11. Складывание или развертывание кода

CTRL + SHIFT + [ or ]

⌥ + ⌘ + [ или ]

Это один из самых полезных ярлыков, который поможет вам свернуть/развернуть область кода. Таким образом, вы можете скрыть ненужный код и просматривать только необходимый раздел кода за раз, чтобы лучше сосредоточиться и быстрее писать код.

12. Обзор реализации

CTRL + SHIFT + F12

⌘ + Shift + F12

Ярлык, скорее всего, поможет вам при анализе кода или исправлении ошибок, когда вы хотите понять работу функций и переменных.

13. Удалить текущую строку

CTRL + SHIFT + K

Shift + ⌘ + К

Одна быстрая команда может объединить две задачи: выбрать текущую строку и нажать кнопку удаления/возврата.

14. Найти и заменить

CTRL + F

⌘ + Ф

CTRL + H

⌥ + ⌘ + Ф

Каким может быть лучший способ заменить все вхождения текста в файле на новый? Если вы выбираете один за другим вручную, прокручивая код вниз, неудивительно, сколько времени это займет, если вхождение текста велико.

Используя функцию «Найти и заменить», выполните ту же задачу за считанные секунды. Вы можете открыть его, используя два ярлыка: один фактически открывает поле ввода для поиска текста, а другой — для замены текста.

15. Сочетания клавиш VS Code

CTRL + K CTRL + S

⌘ + К ⌘ + С

Наконец, если вам все еще сложно запомнить все приведенные выше сочетания клавиш, вам все равно не о чем беспокоиться. Это связано с тем, что вы можете просмотреть все доступные команды вашего редактора, используя приведенный выше ярлык.

• Вы также можете редактировать привязку клавиш для команды по своему усмотрению.
• Вот краткое описание всех сочетаний клавиш, обсуждавшихся выше.

Usage
Linux/Windows
macOS

Opens Command Palette	CTRL + SHIFT + P or F1	SHIFT + ⌘ + P or F1
Split Editor Vertically Or Horizontally	CTRL +	⌘ +
Change focus into editor group	CTRL + 1/2/3	⌘ + 1/2/3
CTRL + K CTRL + ←/→	⌘ + K ⌘ + ←/→
Toggle Integrated Terminal	CTRL + `	⌘ + `
Searching and navigating to a file in a repository	CTRL + P	⌘ + P
Jump to a specific line	CTRL + G	^ + G
Search for a text, variable, or function in your whole project	CTRL + SHIFT + F	⌘ + SHIFT + F
Zen Mode (distraction-free environment)	CTRL + K Z	⌘ + K Z
Select the next occurrences of a selected text	CTRL + D	⌘ + D
Toggle Line Comment	CTRL + /	⌘ + /
Jump To The Beginning Or End Of File	CTRL + HOME/END	⌘ + ↑/↓
Code Folding Or Unfolding	CTRL + SHIFT + [ or ]	⌥ + ⌘ + [ or ]
Peek Implementation to understand the working of functions and variables.	CTRL + SHIFT + F12	⌘ + SHIFT + F12
Delete Current Line	CTRL + SHIFT + K	SHIFT + ⌘ + K
Find And Replace	CTRL + F	⌘ + F
CTRL + H	⌥ + ⌘ + F
VS Code Keyboard Shortcuts	CTRL + K CTRL + S	⌘ + K ⌘ + S

Хотите больше о VS Code?

Если вы хотите получить полное представление о сочетаниях клавиш VS Code, вы можете ознакомиться с документацией Visual Studio Code.

Или, если вы хотите, чтобы все доступные ярлыки были собраны на одном листе бумаги, получите приведенную выше шпаргалку для Linux, macOS и Windows. Вы можете быстро просмотреть, когда забудете.

1. После того, как вы изучите сочетания клавиш в VS Code, узнайте, как сделать ваш код аккуратным с помощью функции автоматического определения VS Code.
2. Я думаю, вы уже знаете, как подключить VS Code к GitHub?
3. Если встроенная телеметрия удерживает вас от использования VS Code, попробуйте VSCodium.
4. Дайте мне знать ваш любимый ярлык в разделе комментариев.

Автор этого материала сообщества Сарвоттам Кумар — инженер-программист по профессии, имеющий интерес и опыт работы с Blockchain, Angular, React и Flutter. Он любит исследовать основы Linux и делиться своими открытиями со всем миром.