Гарячі клавіші у Visual Studio Code | nt.ua

(044) 390 73 35 (050) 352 68 64

EN RU UA

Гарячі клавіші у Visual Studio Code

Жовтень 09, 2024 програмування VS Code hotkeys

Гарячі клавіші у VS Code: огляд важливих шорткатів для Windows та macOS NT.UA


Visual Studio Code (VS Code) — популярний безкоштовний редактор коду від Microsoft, випущений у 2015 році. Основні переваги:

  1. Кросплатформеність: Підтримка Windows, macOS і Linux, що робить його зручним для розробників на різних ОС.
  2. Широка підтримка мов: VS Code підтримує майже всі популярні мови програмування, зокрема Python, PHP, JavaScript, C++, C#. Для JavaScript, TypeScript, CSS і HTML підтримка вбудована, а для інших мов доступні розширення на VS Code Marketplace.
  3. Вбудований термінал: Можливість виконання команд безпосередньо з редактора, без необхідності перемикатися між вікнами.
  4. Розширюваність: Велика бібліотека розширень додає нові можливості, включаючи інтеграцію з Git, Docker, інструменти для дебагінгу та підсвічування синтаксису.
  5. Кастомізація: Інтуїтивний інтерфейс, можливість налаштування тем, схем кольорів і гарячих клавіш під власні потреби.
  6. Висока продуктивність: Попри те, що це не повноцінне IDE, VS Code працює швидко навіть на великих проєктах.
  7. Інтеграція з GitHub Copilot: Доповнення коду за допомогою пропозицій на основі штучного інтелекту.

Щоб максимально ефективно використовувати Visual Studio Code, варто освоїти гарячі клавіші. Вони допомагають айтівцям швидко виконувати основні операції, не відволікаючись від коду, що значно пришвидшує процес розробки. Розгляньмо найкорисніші гарячі клавіші для Windows та macOS:

Топ головних гарячих клавіш загального редагування

Функція

Windows

macOS

Збереження файлу

Швидке збереження поточних змін

Ctrl + S

Cmd + S

Відкриття файлів через пошук

Швидкий доступ до будь-якого файлу у проєкті через пошуковий рядок

Ctrl + P

Cmd + P

Пошук у файлі

Швидкий пошук рядків або символів у поточному файлі

Ctrl + F

Cmd + F

Коментування рядка

Миттєве коментування виділеного коду

Ctrl + /

Cmd + /

Автозавершення коду

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

Ctrl + Space

Cmd + Space

 

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

Навігація у VS Code

Функція

Windows

macOS

Повторно відкрити закритий редактор

Швидке відкриття закритого редактора

Ctrl + Shift + T

Cmd + Shift + T

Перехід до визначення (Go to Definition)

Перехід до визначення змінної, функції чи класу в коді

F12

F12

Навігація в історії групи редакторів

Премикає назад по історії відкритих файлів або вкладок

Ctrl + Shift + Tab

Cmd + Shift + Tab

Перехід до рядка

Швидке переміщення до конкретного рядка в поточній вкладці

Ctrl + G

Cmd + G

Перехід назад/вперед

Перехід до попередньої або наступної позиції курсора у файлі

Alt + ← / →

Cmd + - / Cmd + Shift + -

 

Ці шорткати для навігації допомагають легко орієнтуватися в коді та швидко перемикатися між різними частинами файла.

Ключові гарячі клавіші для редагування коду у VS Code

Функція

Windows

macOS

Вирізати рядок

Вирізає поточний рядок навіть без виділення

Ctrl + X

Cmd + X

Переміщення рядка вгору/вниз

Швидке переміщення активного рядка вгору або вниз по файлу

Alt + ↑ / ↓

Option + ↑ / ↓

Копіювати рядок вгору/вниз

Копіює активний рядок і вставляє його вище або нижче

Shift + Alt + ↑ / ↓

Shift + Option + ↑ / ↓

Форматування коду

Автоматичне форматування коду відповідно до стилю

Shift + Alt + F

Shift + Option + F

Виділення всіх однакових елементів

Виділяє всі однакові слова або фрагменти коду в документі

Ctrl + Shift + L

Cmd + Shift + L

 

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

Для ефективного керування вікнами та панелями у VS Code є цілий набір корисних гарячих клавіш.

Основні шорткати для керування вікнами:

Функція

Windows

macOS

Відкрити нове вікно

Створює нове вікно редактора

Ctrl + Shift + N

Cmd + Shift + N

Закрити вікно

Закриває поточне вікно

Ctrl + Shift + W

Cmd + Shift + W

Перемикання між вкладками

Швидке перемикання між відкритими вкладками

Ctrl + Tab

Cmd + Tab

Показати панель помилок

Відкриває панель помилок та проблем

Ctrl + Shift + M

Cmd + Shift + M

Перемикання між редактором і терміналом

Швидке перемикання між кодом і вбудованим терміналом

Ctrl +

Cmd +

 

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

Гарячі клавіші для дебагінгу у VS Code:

Функція

Windows

macOS

Запуск/продовження дебагінгу

Початок або продовження сеансу

F5

F5

Покрокове виконання (Step Over):

Виконати наступний рядок, не заходячи у функцію

F10

F10

Зупинити дебагінг

Припиняє сеанс дебагінгу

Shift + F5

Shift + F5

Додати точку зупину (Breakpoint)

Додає або видаляє точку зупину на поточному рядку

F9

F9

Перемикання консолі дебагінгу

Відкриває або закриває консоль дебагера

Ctrl + Shift + Y

Cmd + Shift + Y

 

Дані комбінації клавіш роблять процес дебагінгу більш налагодженим при виправленні помилок у коді.

Важливі гарячі клавіші для управління файлами у VS Code, які допоможуть швидше відкривати, закривати та організовувати роботу з файлами:

 

Функція

Windows

macOS

Відкрити новий файл:
Створює новий порожній файл у редакторі

Ctrl + N

Cmd + N

Зберегти всі відкриті файли:

Зберігає всі файли, які відкриті у вкладках

Ctrl + K, S

Cmd + Option + S

Закрити всі файли:

Закриває всі відкриті вкладки з файлами

Ctrl + K, Ctrl + W

Cmd + K, Cmd + W

Відкрити останній закритий файл:

Відкриває останню закриту вкладку або файл

Ctrl + Shift + T

Cmd + Shift + T

Швидкий пошук файлу у проєкті

Відкриває діалогове вікно для швидкого пошуку та відкриття файлів у проєкті

Ctrl + P

Cmd + P

 

Ці шорткати допоможуть вам легко керувати файлами під час роботи, спрощуючи процес створення, відкриття, збереження та організації файлів у VS Code.

В NT Academy на курсах Python, JS, PHP ви будете застосовувати ці шорткати, які вам точно знадобляться для навчання та в роботі.


Часті запитання (FAQ)

Як переглянути перелік доступних гарячих клавіш у VS Code?

Ви можете переглянути й налаштувати гарячі клавіші, перейшовши за схемою: File → Preferences → Keyboard Shortcuts або натиснувши Ctrl + K, Ctrl + S (Windows) / Cmd + K, Cmd + S (macOS).

Як змінити або налаштувати гарячі клавіші у VS Code?

Відкрийте список шорткатів, як зазначено вище, і двічі клацніть на поточний шорткат, який хочете змінити. Потім введіть нове значення.

Як створити свої гарячі клавіші?

Щоб створити власні гарячі клавіші, перейдіть у Keyboard Shortcuts (Ctrl + K, Ctrl + S), знайдіть потрібну команду, натисніть на значок "додати" біля неї та введіть бажане значення.