10 комбинаций клавиш VS Code, на которые стоит обратить внимание

0
3095
views

Перевод статьи «My top 10 VS Code shortcuts you don’t want to miss».

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

1. Переход к последнему месту редактирования

Комбинация клавиш:

  • Mac: Command + K Command + Q
  • Ubuntu: Ctrl + K Ctrl + Q

Иногда при написании кода возникает необходимость ненадолго прерваться и перейти в другие файлы, чтобы что-нибудь найти в них. После этого хотелось бы как можно быстрее вернуться к тому файлу, с которым работал, причем на то же место. Здесь пригодится комбинация клавиш Command + K Command + Q.

2. Переход к парной скобке

Комбинация клавиш:

  • Mac: Command + Shift + \
  • Ubuntu: Ctrl + Shift + \

Порой хочется быстро перейти в конец блока кода, чтобы, например, добавить в него новый код. В этом случае можно встать на открывающую скобку и набрать комбинацию клавиш Command + Shift + \. Вы моментально перенесетесь к закрывающей скобке этого блока. Этот прием работает лучше, чем прокрутка и чисто визуальный поиск нужной скобки. То же сочетание клавиш применимо и для обратного перехода (от закрывающей скобки к открывающей).

3. Выделение всего кода до скобки

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

Поскольку в VS Code нет подобной комбинации клавиш, ее можно назначить самостоятельно. (Мы довольно подробно рассказывали о настройках сочетаний клавиш в статье «Повышаем продуктивность работы в Visual Studio Code: полезные сочетания клавиш«. Рекомендуем ознакомиться. — Прим. ред. Techrocks).

Наберите Command + Shift + P (в Ubuntu — Ctrl + Shift +P), чтобы открыть палитру команд. Перейдите в Open keyboard shortcuts (JSON) и добавьте в файл JSON приведенный ниже код. В значении key укажите нужную вам комбинацию клавиш.

{
  "key": "alt+\\",
  "command": "editor.action.selectToBracket",
  "args": { "selectBrackets": false }
}

4. Переход к парному тегу

Здесь тоже нет установленного шортката. Я использую Command + H.

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

Чтобы назначить такую же комбинацию клавиш, добавьте в файл JSON следующий код:

{
  "key": "cmd+h",
  "command": "editor.emmet.action.matchTag"
}

5. Переход к предыдущему файлу

Этой комбинацией я пользуюсь очень часто. Скажем, я открываю файл А, а затем переключаюсь на файл B. Если я захочу вернуться к файлу А, я не могу воспользоваться комбинацией Go Back («вернуться назад»), потому что это возвращение к предыдущей позиции курсора. Также я не могу использовать переход к последнему месту редактирования (см. п. 1), поскольку я ничего не редактировал в файле А. В этом случае я удерживаю клавишу Command и дважды нажимаю P, после чего отпускаю Command и оказываюсь в предыдущем файле.

6. Переход к символу в файле

Комбинация клавиш:

  • Mac: Command + Shift + О
  • Ubuntu: Ctrl + Shift + О

Скажем, я просматриваю файл и хочу быстро перейти к функции в этом файле. Я могу использовать комбинацию клавиш Command + Shift + O, а затем ввести имя функции. Нажав enter, я перейду прямо к ней. Это быстрее и точнее, чем при использовании Find.

7. Переключение в режим выделения столбца

Для этой команды нет назначенной комбинации клавиш. Я использую Command + Shift + I.

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

Для добавления такой комбинации вставьте в файл JSON следующий код:

{
  "key": "shift+cmd+i",
  "command": "editor.action.toggleColumnSelection"
}

8. Фокус на текущий файл в структуре проекта

Здесь тоже нет заранее заготовленной комбинации клавиш. У меня стоит Option + Command + J.

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

Для добавления комбинации клавиш внесите в свой файл JSON такой код:

  {
    "key": "alt+cmd+j",
    "command": "workbench.files.action.focusFilesExplorer"
  }

9. Упорядочивание импортов

Комбинация клавиш:

  • Mac: Shift + Option + O
  • Ubuntu: Shift + Alt + O

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

10. Добавление пропущенных импортов

Комбинация клавиш:

  • Mac: Command + .
  • Ubuntu: Ctrl + .

Вообще эта комбинация клавиш используется для быстрых правок (quick fix). Но я обнаружил, что таким образом можно добавить пропущенные предложения import, чтобы не вносить их по одному. Эта опция доступна в файлах TypeScript.

Вот и все. Надеюсь, эти комбинации клавиш вам пригодятся.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here