Горячие клавиши в VS Code
Становимся многорукими волшебниками: ускоряемся с помощью хоткеев и парочки других приёмов.
Владимир Матасов
В IT пришёл из наружной рекламы, где проработал с десяток лет. В Skillbox изучает веб-вёрстку. Увлекается археологией, диджеингом и плёночной фотографией.
Здорово экономят время разработчика горячие клавиши. Есть такие и в Visual Studio Code . Здесь даже можно создавать свои сочетания, но большинству пользователей хватает исходных комбинаций (особенно новичкам, у кого и так глаза разбегаются от уймы настроек).
Пройдёмся по самым полезным для начинающего верстальщика. Читайте и сразу же пробуйте.
1. Вызвать поиск
Найти все элементы с классом link и стилизовать некоторые, присвоив им дополнительный класс.
Нажмите Ctrl + F (Windows) или ⌘Cmd + F (macOS). Введите искомое — высветятся все найденные места. Остаётся перемещаться по ним (стрелочками в форме поиска).
ТОП горячих клавиш 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-шек и иже с ними: чтобы вырезать или скопировать строку, необязательно выделять ее целиком, можно просто переместить курсор на неё. ❤️
9 хитростей для работы с Visual Studio Code
Привет, Хабр! Сегодня мы отобрали 9 самых интересных лайфхаков для работы с Visual Studio Code. Среди них полезные сочетания клавиш и функциональные виджеты. Подробности под катом!
1. Интерактивная игровая площадка
В правом нижнем углу страницы Welcome есть ссылка на Interactive playground, где вы можете в интерактивном режиме опробовать возможности VS Code. Либо вы можете перейти туда через Help > Interactive Playground.
2. Переход к символу в файле
Сочетание клавиш: Ctrl+Shift+O
Вы можете сгруппировать символы по виду, добавив двоеточие, @:.
3. Перемещение строки вверх или вниз
Сочетание клавиш: Alt+Up или Alt+Down
4. Редактирование «Бок о бок»
Сочетание клавиш: Ctrl+\
При желании вы можете создавать новые группы редакторов и свободно перемещаться между ними.
5. Переключение между несколькими редакторами
Сочетание клавиш: Ctrl+1, Ctrl+2, Ctrl+3
6. Переход к началу/концу файла
Сочетание клавиш: Ctrl+Home и Ctrl+End
7. Переключение боковой панели
Сочетание клавиш: Ctrl+B
8. IntelliSense
Сочетание клавиш: Ctrl+Space
При помощи виджета «Подсказки» вы можете просматривать доступные методы, подсказки параметров, краткую документацию и т. д.
Управление переносом слов в редакторе
Флажок Перенос по словам можно устанавливать и снимать. Если этот флажок установлен, часть длинной строки, выступающая за пределы текущей ширины окна редактора кода, отображается на следующей строке. Если этот параметр очищается (например, чтобы упростить использование нумерирования строк), прокрутите страницу справа, чтобы увидеть концы длинных строк.
Этот раздел относится к Visual Studio в Windows. Сведения о Visual Studio для Mac см. в редакторе источников: оболочка Word.
Задание настроек переноса по словам
- В строке меню Visual Studio выберите Сервис>Параметры.
- Выберите текстовый редактор>«Все языки>«, чтобы задать этот параметр глобально. — или — Выберите текстовый редактор, выберите папку, соответствующую используемому языку программирования, и выберите общую папку . Например, выберите текстовый редактор>C#>General.
- В разделе Параметрыустановите или снимите флажок Перенос по словам. Если установлен флажок Перенос по словам, включается параметр Показывать графические метки в местах переноса слов.
Примечание. Параметр Показывать графические метки в местах переноса слов будет отображать стрелку переноса каретки там, где длинная строка переносится на следующую строку. Эти стрелки-напоминания не добавляются в код: они отображаются просто для удобства.
Известные проблемы
Если вы знакомы с оболочкой слов в Блокнот++, Подлимный текст или Visual Studio Code (также известный как VS Code), помните о следующих проблемах, в которых Visual Studio работает по-разному в других редакторах:
- Тройной щелчок не выделяет всю строку
- Нажатие клавиши End дважды не перемещает курсор в конец строки