Создание сайтов в Кировском, ДНР. 42 ярлыка кода Visual Studio для повышения вашей производительности

 
 

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

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

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

Простые ярлыки навигации по коду VS

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

Откройте файл

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

Windows/Linux: ctrl+P

макОС: command+P

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

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

Windows/Linux: ctrl+,

макОС: command+,

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

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

Windows/Linux: ctrl+B

макОС: command+B

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

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

Windows/Linux: ctrl+ shift+tab

макОС: control+ shift+tab

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

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

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

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

Windows/Linux: ctrl+ 1или 2или3

macOS: command+ 1или 2или3

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

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

Windows/Linux: ctrl+J

макОС: command+J

Терминал открыт в Visual Studio Code

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

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

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

Windows/Linux: ctrl+ shift+P

макОС: command+ shift+P

Палитра команд Visual Studio Code

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

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

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

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

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

Windows/Linux: ctrl+L

макОС: command+L

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

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

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

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

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

Windows/Linux: ctrl+ shift+L

макОС: command+ shift+L

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

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

Windows/Linux: ctrl+F2

макОС: command+F2

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

Выбор каждого экземпляра слова

Выделить до конца слова

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

Windows/Linux: shift+ alt+ →или←

macOS: shift+ option+ →или←

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

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

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

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

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

Windows/Linux: shift+ alt+ перетащите мышь по линиям

macOS: shift+ option+ перетащите мышь по линиям

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

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

Windows/Linux: ctrl+ shift+ alt+ →или ←или ↓или↑

macOS: command+ shift+ option+ →или ←или ↓или↑

Выбор столбца или блока кода в VS Code

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

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

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

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

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

Windows/Linux/macOS: F3

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

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

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

Windows/Linux: ctrl+D

макОС: command+D

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

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

Windows/Linux: alt+enter

макОС: option+enter

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

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

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

Перейти к линии

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

Windows/Linux: ctrl+G

макОС: control+G

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

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

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

Windows/Linux: ctrl+ shift+\

макОС: command+ shift+\

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

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

Windows/Linux: ctrl+ shift+ [или]

macOS: command+ option+ [или]

Свернутый блок кода

Сворачивать/разворачивать блоки и подблоки

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

Windows/Linux: ctrl+ K+ [или]

macOS: command+ K+ [или]

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

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

Windows/Linux/macOS: F8

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

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

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

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

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

1. На позиции

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

Windows/Linux: alt+ щелчок мышью в нужном месте

macOS: option+ щелчок мышью в нужном месте

2. Выше или ниже

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

Windows/Linux: ctrl+ alt+ ↓или↑

macOS: command+ option+ ↓или↑

Добавление нескольких курсоров

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

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

Windows/Linux: ctrl+U

макОС: command+U

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

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

Windows/Linux: shift+ alt+I

макОС: shift+ option+I

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

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

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

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

Windows/Linux: alt+ ↓или↑

macOS: option+ ↓или↑

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

Перемещение строки вверх и вниз

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

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

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

Windows/Linux: shift+ alt+ ↓или↑

macOS: shift+ option+ ↓или↑

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

Дублирование строки кода

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

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

Windows/Linux: ctrl+ [или]

macOS: command+ [или]

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

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

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

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

Windows/Linux: ctrl+/

макОС: command+/

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

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

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

Windows/Linux: shift+ alt+A

макОС: shift+ option+A

Комментирование блока кода

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

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

Файл

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

Windows/Linux: ctrl+ shift+F

макОС: option+ shift+F

Выбор

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

Windows/Linux: ctrl+ K, затем ctrl+F

macOS: command+ K, затем command+F

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

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

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

Windows/Linux: ctrl+.

макОС: command+.

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

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

Windows/Linux/macOS: F2

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

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

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

Windows/Linux: ctrl+ K+X

макОС: command+ K+X

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

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

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

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

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

Windows/Linux: ctrl+ K, затемM

macOS: command+ K, затем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

макОС: option+F12

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

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

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

Windows/Linux: ctrl+I

макОС: command+I

Показать сигнатуру функции

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

Windows/Linux: ctrl+ shift+spacebar

макОС: command+ shift+spacebar

Дзен-режим

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

Windows/Linux: ctrl+ K, затемZ

macOS: command+ K, затемZ

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

Режим дзен: никаких отвлекающих факторов

Заключение

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

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

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

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

  • Виндовс
  • Линукс
  • macOS
3D-печать5GABC-анализAndroidAppleAppStoreAsusCall-центрChatGPTCRMDellDNSDrupalExcelFacebookFMCGGoogleHuaweiInstagramiPhoneLinkedInLinuxMagentoMicrosoftNvidiaOpenCartPlayStationPOS материалPPC-специалистRuTubeSamsungSEO-услугиSMMSnapchatSonyStarlinkTikTokTwitterUbuntuUp-saleViasatVPNWhatsAppWindowsWordPressXiaomiYouTubeZoomАвдеевкаАктивные продажиАкцияАлександровск ЛНРАлмазнаяАлчевскАмвросиевкаАнализ конкурентовАнализ продажАнтимерчандайзингАнтрацитАртемовскАртемовск ЛНРАссортиментная политикаБелгородБелицкоеБелозерскоеБердянскБизнес-идеи (стартапы)БрендБрянкаБукингВахрушевоВендорВидеоВикипедияВирусная рекламаВирусный маркетингВладивостокВнутренние продажиВнутренний маркетингВолгоградВолновахаВоронежГорловкаГорнякГорскоеДебальцевоДебиторкаДебиторская задолженностьДезинтермедитацияДзержинскДивизионная система управленияДизайнДимитровДирект-маркетингДисконтДистрибьюторДистрибьюцияДобропольеДокучаевскДоменДружковкаЕкатеринбургЕнакиевоЖдановкаЗапорожьеЗимогорьеЗолотоеЗоринскЗугрэсИжевскИловайскИрминоКазаньКалининградКировскКировскоеКомсомольскоеКонстантиновкаКонтент-маркетингКонтент-планКопирайтингКраматорскКрасноармейскКрасногоровкаКраснодарКраснодонКраснопартизанскКрасный ЛиманКрасный ЛучКременнаяКураховоКурскЛисичанскЛуганскЛутугиноМакеевкаМариупольМаркетингМаркетинговая информацияМаркетинговые исследованияМаркетинговый каналМаркетинг услугМаркетологМарьинкаМедиаМелекиноМелитопольМенеджментМерчандайзерМерчандайзингМиусинскМолодогвардейскМоскваМоспиноНижний НовгородНиколаевНиколаевкаНишевой маркетингНовоазовскНовогродовкаНоводружескНовосибирскНумерическая дистрибьюцияОдессаОмскОтдел маркетингаПартизанский маркетингПервомайскПеревальскПетровскоеПлата за кликПоисковая оптимизацияПопаснаяПравило ПаретоПривольеПрогнозирование продажПродвижение сайтов в ДонецкеПроизводство видеоПромоПромоушнПрямой маркетингРабота для маркетологаРабота для студентаРазработка приложенийРаспродажаРегиональные продажиРекламаРеклама на асфальтеРемаркетингРетро-бонусРибейтРитейлРовенькиРодинскоеРостов-на-ДонуРубежноеСамараСанкт-ПетербургСаратовСватовоСвердловскСветлодарскСвятогорскСевастопольСеверодонецкСеверскСедовоСейлз промоушнСелидовоСимферопольСинергияСколковоСлавянскСнежноеСоздание сайтов в ДонецкеСоледарСоциальные сетиСочиСтаробельскСтаробешевоСтахановСтимулирование сбытаСуходольскСчастьеТелемаркетингТельмановоТираспольТорговый представительТорезТрейд маркетингТрейд промоушнТюменьУглегорскУгледарУкраинскХабаровскХарцызскХерсонХостингЦелевая аудиторияЦифровой маркетингЧасов ЯрЧелябинскШахтерскЮжно-СахалинскЮнокоммунаровскЯндексЯсиноватая