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

Ярлыки VS Code дадут вам скорость при написании кода и позволят вам выглядеть экспертом в этом инструменте. Давайте посмотрим на каждого в отдельности.

Открыть палитру команд

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

Палитра команд обеспечивает доступ ко всем функциям, сочетаниям клавиш, командам и параметрам конфигурации в VS Code.

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

  • Windows — Ctrl + P
  • Mac — Command + P

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

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

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

Ниже приведены ярлыки для переключения строки кода как на Windows, так и на Mac.

Windows — Ctrl + /
Mac — Command + /

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

VS Code имеет встроенный терминал, где вы можете выполнять все свои команды, такие как запуск серверов (бэкенд), запуск приложений (интерфейс), изменение каталогов (cd), установка пакетов и многое другое.

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

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

Вот сочетания клавиш для переключения в Терминал как на Windows, так и на Mac:

Windows — Ctrl + `
Mac — Command + `

Откройте настройки пользователя

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

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

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

С VS Code вы можете изменить настройки в настройках визуального редактора или в файле настроек JSON.

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

  • Windows — Ctrl + ,
  • Mac — Command + ,

Переместить строку кода вверх и вниз

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

Когда вы копируете и вставляете строку кода, вы должны удалить исходную строку.

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

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

  • Windows: Alt + Стрелка вверх/Стрелка вниз
  • Mac: OPTION + стрелка вверх/стрелка вниз

Открывать файлы через Tab

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

  • Windows — Ctrl + Tab
  • Mac — Command + Tab

Переместить файл в разделенное окно

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

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

  • Windows — Ctrl + \
  • Mac — Command + \

Копировать одну строку вверх и вниз

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

  • Windows — Shift + Alt + стрелка вверх/вниз
  • Mac — Shift + OPTION + стрелка вверх/вниз

Сделать дубликаты выбранного блока кода вверх и вниз

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

  • Windows — ALT + SHIFT + Стрелка вверх/вниз
  • Mac — OPTION + SHIFT + стрелка вверх/вниз

Несколько курсоров и код редактирования

Еще одна полезная функция VS Code — возможность размещать курсор в нескольких позициях.

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

Alt + Shift + I

а затем нажмите кнопку «Домой» (рядом с кнопкой «Удалить»), чтобы переместить курсор в начало списка переменных.

Это когда в игру вступают несколько курсоров, вы просто удерживаете Alt + Shift + I, чтобы отредактировать длинный список за один раз.

  • Windows — Alt + Shift + I, а затем нажмите кнопку "Домой".
  • Mac — Option + Shift + I, а затем нажмите кнопку "Домой".

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

Если вы хотите изучить скрипт Google Apps и автоматизировать Google Workspace? обязательно попробуйте эту электронную книгу на тему Скрипт Google Apps: руководство для начинающих».

Счастливого обучения… 😁✌️

По любым вопросам, связанным с этой статьей или любыми другими техническими предложениями, вы можете отправить электронное письмо по адресу — [email protected]