У швидкоплинному світі програмування кожне натискання клавіші має значення. Для розробників, які занурені в Visual Studio Code (VS Code), оволодіння його функціями може значно підвищити продуктивність. Однією з основних навичок є швидкий вибір кількох рядків, що може оптимізувати завдання кодування від рефакторингу до форматування.
У цій статті ми розглянемо прийоми та комбінації клавіш у VS Code, які допоможуть вам швидко та витончено керувати кодовою базою. Незалежно від того, досвідчений ви програміст чи новачок, цей посібник стане вашим ключем до розкриття повного потенціалу можливостей багаторядкового вибору VS Code.
Як вибрати кілька рядків у коді VS
Якщо ви типовий користувач VS Code, вам часто потрібно вибрати кілька рядків, щоб вирішити загальну проблему: елемент, який не належить до кожного рядка. Вибір кількох рядків дозволяє легко виправити всі ці рядки одночасно.
Ось як вибрати кілька рядків у цій програмі на ПК з Windows:
- Використовуйте мишу, щоб вибрати непарне слово або будь-який інший елемент.
- Натисніть і утримуйте комбінацію клавіш Ctrl + Alt .
- Не відпускаючи Ctrl + Alt , натисніть клавішу зі стрілкою вниз , щоб вибрати те саме слово в рядках під початковими рядками. Натисніть кнопку стільки разів, скільки потрібно.

- Введіть замінне слово.

- Закінчивши, натисніть кнопку Esc , щоб вийти з режиму багаторядкового редагування.
Процес так само простий для користувачів macOS:
- Виберіть місце в рядку, яке потрібно редагувати, і утримуйте комбінацію клавіш Option + CMD .

- Утримуючи ярлик, використовуйте клавішу зі стрілкою вниз, щоб вибрати це місце в кожному рядку.
У вас не повинно виникнути проблем із вибором кількох рядків, якщо ви кодер Linux VS.
- Виділіть частину коду, яку потрібно видалити або замінити, і натисніть і утримуйте Shift + Alt .

- Не відпускаючи комбінацію Shift + Alt , використовуйте клавішу зі стрілкою вниз , щоб виділити той самий елемент в інших рядках.
Далі вам слід навчитися порівнювати два файли в VS Code .
Як вставити декілька курсорів у код VS
Вибір кількох рядків — не єдиний спосіб редагувати декілька рядків одночасно. Ви також можете скористатися функцією мультикурсора. Додавши мультикурсор, ви можете налаштувати кілька рядків одночасно, ввівши однакове значення для кожного рядка.
Наприклад, ви можете виконати наступні кроки, щоб включити окремі курсори у свій код.
- Клацніть перший рядок і утримуйте кнопку Alt , якщо у вас ПК з Windows або Linux, щоб розмістити мультикурсор у рядках, де ви клацаєте. Або натисніть клавішу Option , якщо ви користувач macOS.

- Коли вам більше не потрібен мультикурсор, торкніться кнопки Esc , щоб видалити його з робочої області. Esc є універсальною клавішею для всіх операційних систем.
Ось кілька інших зручних функцій, пов’язаних із мультикурсором, які допоможуть підвищити вашу продуктивність під час вибору та редагування кількох рядків.
Розмістити курсори в кінці рядків
Деякі проекти вимагають розміщувати курсори в кінці кожного рядка.
- Виділіть кілька рядків за допомогою ярлика з першого розділу, залежно від вашої операційної системи. Наприклад, користувачі Windows повинні натиснути й утримувати клавіші Ctrl , Alt і клавіші зі стрілкою вниз .

- Торкніться комбінації Shift + Option + I на вашому пристрої macOS.
- Shift + Alt + I, якщо ви користувач Linux або Windows.
Розмістіть курсори під і над поточним курсором
Закінчення рядків може бути не найкращим місцем для ваших курсорів. Іноді потрібно бути більш конкретним і розташувати їх під і над початковим курсором.
- Виберіть початкову точку, помістивши курсор на одну з ліній. Натисніть Ctrl + Alt + клавішу зі стрілкою вниз, щоб розташувати мультикурсор під початковим курсором, якщо ви програміст Windows або Linux VS.

- Якщо у вас комп’ютер macOS, скористайтеся CMD + Option + клавіша зі стрілкою вниз, щоб виконати ту саму дію.
- За потреби скористайтеся клавішами Ctrl + Alt + стрілка вгору, щоб додати мультикурсор над оригінальним у Windows або Linux. Для платформ macOS потрібно натиснути CMD + Option + клавіші зі стрілками вгору, щоб розмістити курсор над початковою точкою.
Розмістіть курсор у наступному відповідному місці
Зробіть це, якщо вам потрібен лише курсор у відповідній частині лінії, найближчій до початкової точки.
- Виділіть лінію мишею.
- Торкніться комбінації клавіш Ctrl + D , якщо ви користуєтеся Windows або Linux. ( CMD + D , якщо ви кодер macOS.) Це вставить мультикурсори поруч із відповідними частинами коду, які розміщуються після вихідного вибору.

- Якщо необхідно, видаліть деякі курсори за допомогою комбінації клавіш Ctrl + U у Windows і Linux.
- CMD + U на macOS. Майте на увазі, що цей ярлик видаляє курсори один за одним. Комбінація не дозволяє скасувати всі елементи за один раз.
Розмістіть курсори в кожному відповідному місці
Розміщуючи курсори, ви можете не захотіти включати їх лише в сусідні рядки. Натомість вам може знадобитися додати їх у всіх відповідних місцях. Ось як це працює.
- Виділіть частину коду, де ви хочете додати курсори.

- Натисніть комбінацію клавіш Ctrl + Shift + L, якщо у вас ПК з ОС Linux або Windows, щоб розташувати курсор там, де з’являється виділений текст.
- Використовуйте комбінацію клавіш CMD + Shift + L, якщо ви професіонал macOS.
Цей метод також працює для зміни всіх екземплярів імені змінної.
Як налаштувати курсор у VS Code
Ваші курсори є ключовими під час вибору та редагування кількох рядків у VS Code. Однак їх поведінка за замовчуванням може не ідеально відповідати вашому проекту. Можливо, вам знадобиться налаштувати їх роботу та використовувати різні прив’язки клавіш для підвищення продуктивності.
Перше, що ви можете зробити, це налаштувати альтернативний модифікатор кількох курсорів.
- Відкрийте робочу область і скористайтеся комбінацією клавіш Ctrl + , якщо у вас операційна система Windows або Linux.
- Вам потрібно буде натиснути CMD +, ярлик, якщо ви використовуєте VS Code на macOS.
- Введіть у полі такий рядок: multiCursorModifieer

- Змініть кнопку модифікатора за замовчуванням з Alt на будь-яку іншу, яка працює краще.

Це не єдине прив’язування клавіш, яке можна налаштувати у VS Code. Меню налаштувань дозволяє змінити будь-який ярлик, пов’язаний з курсором, для полегшення маніпулювання даними.
Ви можете зробити це у своєму редакторі.
- Запустіть VS Code і виберіть File у головному меню.
- Перейдіть до «Параметрів» у розділі «Файл» і відкрийте вікно «Комбінації клавіш» за допомогою комбінації клавіш CMD + K + CMD + S або macOS або комбінації клавіш Ctrl + K + Ctrl + S у Windows і Linux. Ви повинні відпустити першу літеру (наприклад, K), перш ніж натиснути іншу комбінацію (наприклад, S).

- Введіть ідентифікатор ярлика, який потрібно змінити. Ось деякі з них:
• editor.action.insertCursorBelow

• editor.action.inserCursorAbove

• editor.action.selectHighlights

• editor.action.addSelectionToNextFindMatch

• cursorUndo

- Змініть відповідний ярлик за допомогою символу редагування в лівій частині вікна.

Нехай функції VS Code зроблять роботу за вас
Вивчіть деякі корисні комбінації клавіш VS Code і автоматизуйте якомога більше процесів, щоб стати майстром редактора вихідного коду. Вибір кількох рядків і налаштування курсорів — чудова відправна точка. Експериментуйте з різними положеннями та функціями, щоб отримати ідеальне рішення для кожного проекту.
поширені запитання
Чи можу я вибрати рядки на основі їхніх номерів у VS Code?
Так. За допомогою комбінації клавіш Ctrl + G ви зможете вибрати номер рядка, до якого потрібно переходити.
Чи підтримує VS Code вибір рядків у кількох файлах одночасно?
Так, VS Code використовує функцію «Знайти у файлах», щоб вибирати рядки в кількох файлах одночасно. Натисніть Ctrl + Shift + F (Cmd + Shift + F на Mac), щоб відкрити віджет «Знайти у файлах», введіть критерії пошуку, а потім використовуйте прапорці або комбінації клавіш, щоб вибрати рядки в результатах пошуку.