Сделаем это по-быстрому: 20 полезных сочетаний клавиш для VS Code

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

Начать зарабатывать на разработке, помогут курсы наших партнеров Mate Academy, Powercode, Robot Dreams. Качественно составленные уроки и помощь квалифицированных менторов, помогут всем стать разработчиками.

1. Открыть и закрыть боковую панель

Боковую панель в VS Code можно открывать и закрывать без нажатия клавишей мыши на левую боковую вкладку с помощью следующих хоткеев: 

• Mac — CMD + B
• Windows — Ctrl + B
• Ubuntu — Ctrl + B

Особенно полезно при нахождении в режиме разделенного редактора.

2. Выбрать слово

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

• Mac — CMD + D
• Windows — Ctrl + D
• Ubuntu — Ctrl +D

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

3. Разбить окно по вертикали

Полезно, если нужно сравнить несколько файлов. 

• Mac — CMD + \ или 2,3,4
• Windows — Shift + Alt + \ или 2,3,4
• Ubuntu — Shift + Alt + \ или 2, 3, 4

4. Свернуть блоки кода

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

• свернуть самую внутреннюю несвернутую область под курсором:
  • Mac — CMD + Option + [
  • Windows/Ubuntu — Ctrl + Shift + [
• Развернуть свернутую область под курсором:
  • Mac — CMD + Option + ]
  • Windows/Ubuntu — Ctrl + Shift + ]

5. Скопировать строку сверху или снизу

Если нужно скопировать текущую строку в строку выше или ниже, нажмите:

• Mac — Shift + Option + Up/Down
• Windows — Shift + Alt + Up/Down
• Ubuntu — Ctrl + Alt + Up/Down

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

Позволяет выровнять код в соответствии с заранее прописанными настройками редактора. Вот как это сделать. 

• Mac — Shift + Option + F
• Windows — Shift + Alt + F
• Ubuntu — Ctrl + Shift + I

7. Обрезать множественные конечные пробелы

Позволяет избавиться от пробелов в начале или конце строки.

Для автоматической обрезки пробелов, можно изменить свойства VS Code. Для этого: 

Пройдите в Preferences > Settings > User Setting Tab и добавьте новый параметр “files.trimTrailingWhitespace : true” в документы User Settings. После сохранения файла пробелы будут удаляться автоматически. 

8. Объединить строку

Позволяет объединить выделенные строки в одну линию. 

• Mac — Ctrl + J
• Ubuntu/Windows — откройте существующие сочетания клавиш: File > Preferences > Keyboard shortcuts и назначьте удобное сочетание клавиш для editor.action.joinLines.

9. Быстрое открытие файла

• Mac — CMD + P
• Windows/Ubuntu — Ctrl + P

10. Палитра команд

Открывает доступ ко всем доступным командам. 

• Mac — CMD + Shift + P
• Windows/Ubuntu — Ctrl + Shift + P

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

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

• Mac — CMD + ‘
• Windows/Ubuntu — Ctrl + ‘

12. Переключить вкладки

Позволяет переключать между разделами, которые вы разделили. 

• Mac — CMD + 1, CMD + 2, CMD + 3
• Windows/Ubuntu — Ctrl + 1, Ctrl + 2, Ctrl + 3

13. Перейти на строку

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

• Mac — CMD + L
• Windows/Ubuntu — Ctrl + L

14. Удалить строку

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

• Mac — CMD + Shift + K
• Windows/Ubuntu — Ctrl + Shift + K

15. Переместить строку

Для перемещения строки в VS Code используются следующие хоткеи: 

• Mac — Option + Up/Down arrow
• Windows/Ubuntu — Alt + Up/Down arrow

Запишитесь на онлайн курсы и начните изучать популярные языки программирования: python и java. Они дадут быстрый старт в вашей карьере разработчика, потому что количество вакансий с ними растет с каждым днем.

16. Найти слово/фразу

Чтобы найти в текущем файле нажмите: 

• Mac — CMD + F
• Windows/Ubuntu — Ctrl + F

 Чтобы искать по проекту: 

• Mac — CMD + Shift + F
• Windows/Ubuntu — Ctrl + Shift + F

17. Показать определение

Функция Peel Definition позволяет просматривать и редактировать исходный код нужного символа. 

• Mac — Option + F12
• Windows/Ubuntu — Alt + F12

18. Переименовать переменную

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

• Mac/Windows/Ubuntu — F2

19. Выбор нескольких курсоров

VS Code поддерживает функцию нескольких курсоров для быстрого одновременного редактирования. Чтобы их добавить нажмите:

• Mac — Option + Клик левой кнопкой мыши
• Windows/Ubuntu — Alt + Клик левой кнопкой мыши

20. Дублировать строку

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

• Mac — CMD + Shift + D
• Windows/Ubuntu — Ctrl + Shift + D

Еще больше хоткеев найдете по ссылке.