ТОП горячих клавиш VS Code для начинающего джуна
«Поговорим не про Vim», олдам, сеньорам и тру-си-разработчикам на проверку: пользуетесь ли вы такими сочетаниями VS Code? Если же вы только начинаете программировать, влетаете в айти на реактивном самолете курсов по Питону, или просто не знаете ничего про хоткеи VS Code, возможно вам точно пригодится парочка сочетаний 🙂
Все сочетания описаны для VS Code на Windows
↓ / ↑ / ← / → — стрелки вниз, вниз и т.д.
ЛКМ / ПКМ / СКМ — левая, правая, средняя кнопки мышки соответственно.
- Shift + Tab — сместить табуляцию на один шаг влево. Если вы пишете на Python, то табуляция или четыре пробела — ваш неизменный спутник. Но мало кто знает, что достаточно поставить курсор в любое место строки, нажать Shift + Tab и вуаля, вся строка смещается влево на «один таб».
- Ctrl + / — закомментировать или раскомментировать строку. VS Code сам разберется, какой язык программирования вы используете, и в начале строки установит или удалит необходимый символ для комментария. Место, где находится курсор на строке неважно.
- Shift + Del — удалить строку целиком. Теперь не нужно выделять мышкой всю строку и потом нажимать Backspace. Не нужно выделять всю строку. Правда!
- Alt + ↑ / ↓ — перемещение строки с курсором вверх или вниз. Просто попробуйте и ощутите, насколько это удобно. Знаете шутку «стоит всего один раз зимой надеть подштанники, и ты уже не можешь остановиться»? Так вот стоит только один раз переместить так строку, и вы уже не сможете по-другому!
- Shift + Alt + ↓ / ↑ — дублирование строки с курсором вниз. В зависимости от ↓ или ↑ курсор останется на текущей или новой строке. Теперь можно обойтись без Ctrl + C, хотя нет, нельзя =)
- F2 — переименовать переменную. Прошу заметить, что переименовываются все переменные с таким названием только внутри блока, не внутри всего открытого файла. Часто нужно переименовать переменную, которая уже используется в нескольких местах функции, и тут либо вручную расставлять курсор в нужное место, либо поставить курсор на переменную и нажать F2.
- F12 или Alt + ЛКМ на переменной — перейти к переменной или родительскому классу. Часто рассказывают про PyCharm, будто только он умеет проваливаться в родительские классы, чтобы посмотреть, какие его атрибуты мы можем переопределять, наследуясь от него; но так умеет и VS Code.
- Ctrl + D — выделяет слово, на котором находится курсор. Следующее нажатие на D (удерживая Ctrl) выделить следующее по порядку вниз идентичное значение. Вот пишете вы функцию, и вам нужно выделить ближайшие значения ‘name’. Легко! Выделить все вхождения слова можно вот так — Ctrl + F2. Радует то, что курсор оказывается в конце каждого выделенного значения и сразу можно редактировать!
- Ctrl + L — выделяет всю строку. Целиком. Теперь копипастить еще проще, не правда ли? =)
- Ctrl + Alt + → — разделить рабочую область и переместить актуальную вкладку вправо. Ctrl + Alt + ← возвращает вкладку назад. Вы не поверите, насколько удобно видеть, например, models.py и views.py рядом.
А теперь неочевидные, но потрясающие возможности. Меню → Файл → Настройки → Сочетания клавиш (Ctrl + K + Ctrl + S), в строке поиска вводим необходимый параметр и кликаем по результату мышкой, после нажимаем нужные клавиши для установки пользовательской настройки и наслаждаемся. Команды, которые точно стоит попробовать:
editor.action.jumpToBracket — переход к парной скобке, у меня установлено на Ctrl + Q. Сначала переход к ближайшей скобке, а следующее нажатие перемещает вас к парной скобке и так далее. Часто нам нужно оказаться либо в начале скобок, либо в конце. А кликать мышкой или стрелками не всегда удобно. Теперь достаточно одного нажатия и вы у нужной скобки.
editor.action.selectToBracket — выделить все внутри ближайших скобок и сами скобки, у меня это Ctrl + Shift + Q. Сколько кликов мышкой, сколько ошибок, выделяя внутри скобок мышкой или Shift + стрелки. А теперь можно просто одним нажатием выделить все точно и быстро.
Буду благодарен за любые интересные и полезные хоткеи, пишите в комментариях, что понравилось из моих, и что вы используете сами?
P. S. В комментариях рассказали про логичную, но неочевидную возможность IDE-шек и иже с ними: чтобы вырезать или скопировать строку, необязательно выделять ее целиком, можно просто переместить курсор на неё. ❤️
Горячие клавиши в VS Code
Становимся многорукими волшебниками: ускоряемся с помощью хоткеев и парочки других приёмов.
Владимир Матасов
В IT пришёл из наружной рекламы, где проработал с десяток лет. В Skillbox изучает веб-вёрстку. Увлекается археологией, диджеингом и плёночной фотографией.
Здорово экономят время разработчика горячие клавиши. Есть такие и в Visual Studio Code . Здесь даже можно создавать свои сочетания, но большинству пользователей хватает исходных комбинаций (особенно новичкам, у кого и так глаза разбегаются от уймы настроек).
Пройдёмся по самым полезным для начинающего верстальщика. Читайте и сразу же пробуйте.
1. Вызвать поиск
Найти все элементы с классом link и стилизовать некоторые, присвоив им дополнительный класс.
Нажмите Ctrl + F (Windows) или ⌘Cmd + F (macOS). Введите искомое — высветятся все найденные места. Остаётся перемещаться по ним (стрелочками в форме поиска).
Редактирование нескольких элементов в Visual Studio для Mac
Visual Studio для Mac планируется выйти на пенсию 31 августа 2024 года в соответствии с современной политикой жизненного цикла Майкрософт. Хотя вы можете продолжать работать с Visual Studio для Mac, есть несколько других вариантов для разработчиков на Mac, таких как предварительная версия нового расширения комплекта разработки C# для VS Code.
Редактирование в нескольких точках вставки позволяет добавлять n-ое количество точек вставки одновременно. Если в режиме с несколькими подсказками можно добавить дополнительные подсказки в документ с помощью щелчков мыши или команд клавиатуры. Основной курсор является красным курсором, а вторичные реплики находятся в светло-синем цвете. Режим многосайтового редактирования отключен с ESC помощью ключа.
Включение редактирования в нескольких точках вставки
Клавиатура
Включить режим нескольких точек вставки с помощью клавиатуры можно несколькими способами. В следующей таблице приведены сочетания клавиш, доступные для ввода определенных режимов многосайтового редактирования. ⌥ — это клавиша Option/ALT, а ⇧ также клавиша SHIFT.
| Сочетание клавиш | Действие |
|---|---|
| ⌥⇧. | Вставить следующий соответствующий курсор |
| ⌥⇧; | Вставить курсоры для всех совпадений |
| ⌥⇧, | Удалить последний курсор |
| ⌥⇧/ | Переместить последний курсор вниз |
Каждое из этих действий привязано к текущей позиции курсора при вызове команды. Например, если курсор находится в начале слова «имя» и вызывается «Вставка курсоров во всех сопоставлениях» (⌥⇧;) каждый экземпляр слова «имя» в текущем документе содержит вставку в начале слова. Аналогичным образом, если вы вызовете команду «Вставить следующий соответствующий курсор» (⌥⇧.), курсор будет помещен на следующий экземпляр слова name. Эту команду можно вызвать несколько раз.
Мышь / сенсорная панель
С помощью курсора вы можете бесплатно выбрать определенные точки вставки для нескольких курсоров. Несмотря на то, что сочетания клавиш связаны с соответствующими строками, вы можете вручную вставить курсор в любой области документа с помощью мыши. После установки курсора каждый из них будет повторять вводимые с помощью клавиатуры ключевые записи.
Чтобы использовать мышь для вставки нескольких курсоров, необходимо нажать и удерживать клавишу CONTROL и клавишу OPTION и выбрать место ввода курсоров. Вы будете находиться в режиме вставки до тех пор, пока хранятся ключи элемента управления и параметра. Если вы вставили курсор в неправильное расположение, удалите его, снова щелкнув в той же области, удерживая клавиши Control и Option. Когда все курсоры будут правильно расставлены, отпустите клавиши Control и Option и начните вводить текст. На приведенном ниже GIF-изображении продемонстрирован выбор набора точек вставки и удаление неправильно установленных точек.
См. также
- Быстрые действия (Visual Studio в Windows)
- Рефакторинг кода (Visual Studio в Windows)
Как писать в нескольких строчках одновременно vscode
2 min read
Apr 20, 2018
Множественные курсоры в VS Code
В современных редакторах кода, таких как VS Code, Atom и Sublime Text, можно вводить тест одновременно в нескольких местах при помощи множественных курсоров. Об этой возможности знает любой разработчик, а вот из дизайнеров не знает почти никто.
Добавить несколько курсоров можно несколькими способами:
⌥ + Click — добавит новый курсор в месте клика
⌥ + ⌘ + ↓ — расширит курсор до следующей строки, а ⌥ + ⌘ + ↑ — до предыдущей
⌘ + D — найдёт в тексте следующее вхождение выделенного слова
Вместе с множественными курсорами работают стандартные шорткаты для работы с текстом.
⌘ + ← и ⌘ + → для перемещения курсоров в начало или конец строки.
⌥ + ⇧ + ← и ⌥ + ⇧ + → для выделения следующего или предыдущего слова.
При помощи множественных курсоров можно, например, быстро превратить список коллег в список электронных адресов.
Или поменять в списке имён имя и фамилию местами.
Или быстро превратить описание модели телефона в список характеристик.