42 ярлыка кода Visual Studio для повышения производительности

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

Visual Studio Code (VS Code) — один из самых популярных и наиболее часто используемых редакторов кода. Это открытый исходный код и бесплатное использование. Он также обеспечивает поддержку многих языков и фреймворков, будь то встроенные функции или обширный список расширений, доступных для редактора.

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

Сочетания клавиш для простой навигации по VS Code

В этом разделе представлены все ярлыки Visual Studio Code, которые позволяют перемещаться по различным частям редактора.

Открыть файл

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

• Windows/Linux: ctrl + P
• macOS: command + P

Открыть настройки

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

• Windows/Linux: ctrl + ,
• macOS: command + ,

Переключить боковую панель

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

• Windows/Linux: ctrl + B
• macOS: command + B

Навигация по вкладкам

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

• Windows/Linux: ctrl + shift + tab
• macOS: control + shift + tab

Удерживайте нажатой tab для переключения между вкладками.

Навигация по группам вкладок

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

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

• Windows/Linux: ctrl + 1 or 2 or 3
• macOS: command + 1 or 2 or 3

Откройте терминал

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

Windows / Linux : ctrl+J
macOS : command+J

Откройте палитру команд

В Visual Studio Code можно выполнить множество команд. Эти команды могут быть связаны с готовыми функциями или функциями расширения.

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

• Windows/Linux: ctrl + J
• macOS: command + J

Быстрый выбор

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

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

Выбрать текущую строку

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

• Windows/Linux: ctrl + shift + P
• macOS: command + shift + P

Подобные случаи

Сколько раз вам нужно переименовать переменную или просто изменить определенный повторяющийся текст или фразу во всем файле, с которым вы работаете?

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

Текущий выбор

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

• Windows/Linux: ctrl + L
• macOS: command + L

Текущее слово

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

• Windows/Linux: ctrl + F2
• macOS: command + F2

Примечание: в macOS обязательно нажимайте fnодновременно с F2.

Выбрать до конца слова

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

• Windows/Linux: shift + alt + → or ←
• macOS: shift + option + → or ←

Множественный выбор

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

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

Выберите столбец или блок кода, перетащив мышь

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

• Windows/Linux: shift + alt + drag mouse across the lines
• macOS: shift + option + drag mouse across the lines

Выберите столбец или поле кода с помощью клавиш со стрелками

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

• Windows/Linux: ctrl + shift + alt + → or ← or ↓ or ↑
• macOS: command + shift + option + → or ← or ↓ or ↑

Как использовать результаты поиска

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

В этом разделе будут рассмотрены сочетания клавиш, которые позволят нам максимально использовать результаты использования функции поиска в Visual Studio Code.

Навигация по результатам

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

Windows / Linux / macOS :F3

Примечание: в macOS обязательно нажимайте fnодновременно с F3.

Выбрать несколько результатов

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

• Windows/Linux: ctrl + D
• macOS: command + D

Выбрать все результаты

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

• Windows/Linux: alt + enter
• macOS: option + enter

Кодовая навигация

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

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

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

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

• Windows/Linux: ctrl + G
• macOS: control + G

Перейти к соответствующей скобке

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

• Windows/Linux: ctrl + shift + \
• macOS: command + shift + \

Сложить / развернуть блок

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

• Windows/Linux: ctrl + shift + [ or ]
• macOS: command + option + [ or ]

Складывать / раскладывать блоки и субблоки

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

• Windows/Linux: ctrl + K + [ or ]
• macOS: command + K + [ or ]

Навигация по ошибкам и предупреждениям

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

Windows / Linux / macOS :F8

Примечание: в macOS обязательно нажимайте fnодновременно с F8.

Перемещение курсора

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

Вставить дополнительные курсоры

Есть два способа вставить дополнительный курсор в файл: либо в определенной позиции, либо выше / ниже текущей строки, в которой находится курсор.

На позиции

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

• Windows/Linux: alt + mouse click at the position
• macOS: option + mouse click at the position

Выше или ниже

Второй способ вставить курсор — это вставить его выше или ниже каждой из текущих позиций курсора.

• Windows/Linux: ctrl + alt + ↓ or ↑
• macOS: command + option + ↓ or ↑

Отменить вставку курсора

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

• Windows/Linux: ctrl + U
• macOS: command + U

Вставьте курсор в конец выделенного выделения

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

• Windows/Linux: shift + alt + I
• macOS: shift + option + I

Более быстрое кодирование

В этом разделе мы рассмотрим ярлыки Visual Studio Code, которые сделают определенные операции, связанные с вашим кодом, проще и быстрее.

Перемещайте линии и блоки

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

• Windows/Linux: alt + ↓ or ↑
• macOS: option + ↓ or ↑

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

Копировать линии и блоки

Что делать, если вам нужно скопировать строку и вставить ее ниже или выше?

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

• Windows/Linux: shift + alt + ↓ or ↑
• macOS: shift + option + ↓ or ↑

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

Отступы / отступы линий

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

• Windows/Linux: ctrl + [ or ]
• macOS: command + [ or ]

Переключить комментарии

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

Комментарии к строке

Щелкните строку, которую хотите прокомментировать. (Если вы выделите блок кода, эта команда закомментирует каждую строку отдельно.)

• Windows/Linux: ctrl + /
• macOS: command + /

Блокировать комментарии

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

• Windows/Linux: shift + alt + A
• macOS: shift + option + A

Форматирование кода

Очень важно, чтобы ваш код и файлы были отформатированы для удобства чтения. Visual Studio Code предоставляет две команды быстрого доступа для форматирования кода.

Файл

Этот ярлык позволяет отформатировать весь файл.

• Windows/Linux: ctrl + shift + F
• macOS: option + shift + F

Выбор

Этот ярлык позволяет форматировать только выбранный набор строк в файле.

• Windows/Linux: ctrl + K, then ctrl + F
• macOS: command + K, then command + F

Быстрая починка

Во многих случаях, когда возникает ошибка, Visual Studio Code может устранить ее, если это обычная или простая ошибка, например, если ;отсутствует точка с запятой. Этот ярлык позволяет применить быстрое исправление к любой ошибке или предупреждению, если для него доступно быстрое исправление.

• Windows/Linux: ctrl + .
• macOS: command + .

Переименование

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

Windows / Linux / macOS :F2

Примечание: в macOS обязательно нажимайте fnодновременно с F2.

Обрезать пробелы

Зачем вручную обрезать пробелы в конце строки, если вы можете просто сделать это с помощью этого ярлыка?

• Windows/Linux: ctrl + K + X
• macOS: command + K + X

Примечание: удерживая ctrlили на commandвсем протяжении, нажимайте Kсначала, затем по Xотдельности.

Сменить язык программирования

По умолчанию Visual Studio Code определяет текущий язык программирования файла, над которым вы работаете. Обычно это делается путем проверки расширения файла.

Однако иногда он не определяет язык правильно, если расширение файла не поддерживается.

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

• Windows/Linux: ctrl + K, then M
• macOS: command + K, then M

Выполнить код

Одна интересная функция VS Code — это возможность запускать код прямо в редакторе. Это зависит от языка, фреймворка или типа задачи, которую вам нужно выполнить. Например, вы можете настроить отладку для проектов Javascript. Однако, если у вас настроен отладчик или средство выполнения задач, вы можете использовать этот ярлык для запуска кода в VS Code.

Windows / Linux / macOS :F5

Примечание: в macOS обязательно нажимайте fnодновременно с F5.

Лучшее кодирование

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

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

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

Проверить определение

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

Перейти к определению

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

Windows / Linux / macOS :F12

Примечание: в macOS обязательно нажимайте fnодновременно с F12.

Определение взгляда

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

• Windows/Linux: alt + F12
• macOS: option + F12

Примечание: в macOS обязательно нажимайте fnодновременно с F12.

Переключить предложения

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

• Windows/Linux: ctrl + I
• macOS: command + I

Показать подпись функции

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

• Windows/Linux: ctrl + shift + spacebar
• macOS: command + shift + spacebar

Режим дзен

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

• Windows/Linux: ctrl + K, then Z
• macOS: command + K, then Z

Нажмите ту же комбинацию клавиш, чтобы вернуться к обычному виду редактора.

Заключение

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

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

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