Сделаем это по-быстрому: 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
Курс-професія "Motion Designer" від Skvot.
Навчіться створювати 2D- та 3D-анімації у софтах After Effects, Cinema 4D та Octane Render. Протягом курсу ви створите 14 моушн-роликів, 2 з яких — для реального клієнта.
Детальніше про курс
• Ubuntu — Ctrl +D

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

Как с помощью хоткеев выбрать слово в VS Code

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 + [
  Курс Fullstack Web Development від Mate academy.
  Стань універсальним розробником, який може створювати веб-рішення з нуля.
  Дізнатись про курс
• Развернуть свернутую область под курсором:
  • 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
Онлайн-курс "Excel та Power BI для аналізу даних" від robot_dreams.
Навчіться самостійно аналізувати й візуалізувати дані, знаходити зв’язки, розуміти кожен аспект отриманої інформації та перетворювати її на ефективні рішення.
Детальніше про курс
• 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
Основи Web дизайну від Ithillel.
Цей онлайн-курс з основ веб-дизайну дозволить вам опанувати мистецтво створення ефективних та привабливих інтерфейсів для вебсайтів і застосунків. Ви оволодієте ключовими принципами UX/UI дизайну, створюватимете дизайн-макети та прототипи, розроблятимете адаптивні інтерфейси для різних пристроїв, готуючись до професійної кар'єри в галузі веб-дизайну.
Дізнатися більше

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

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
Онлайн-курс "Проджект-менеджер в ІТ" від Laba.
Навчіться запускати, контролювати й успішно реалізовувати ІТ-проєкти. Пройти весь шлях проєктного управління на реальному кейсі вам допоможе PMD із 19-річним досвідом в ІТ.
Детальніше про курс

Переключение между вкладками

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
Онлайн-курс "Директор з продажу" від Laba.
Як стратегічно впливати на дохід компанії, мотивувати сейлзів перевиконувати KPI та впроваджувати аналітику — навчить комерційний директор Laba з 12-річним досвідом у продажах.
Приєднатись до курсу

Запишитесь на онлайн курсы и начните изучать популярные языки программирования: 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
Бізнес англійська від Englishdom.
Тут навчають за методикою Кембриджу, завдяки якій англійську вивчили понад 1 мільярд людей. Саме вона використовується в найкращих навчальних закладах світу, і саме за нею створені курси.
Інформація про курс
• 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
Курс English For Tech course від Enlgish4IT.
Лише 7 тижнів по 20-30 хвилин щоденного навчання допоможуть вам подолати комунікативні бар'єри. Отримайте знижку 10% за промокодом ITCENG.
Дійзнайтеся більше

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