- How to comment multiple lines in Visual Studio (VS) Code
- Comment out multiple lines of selected code
- Method:1
- Method 2:
- Method 3:
- Changing the comment shortcut in VS Code
- Format code shortcut in VS Code
- Comment Single line Code in VS Code
- Как закомментировать код
- Процесс комментирования
- Переключение блочных комментариев в VSCode
- ТОП горячих клавиш VS Code для начинающего джуна
- 10 горячих клавиш VS Code, которые ускорят вашу работу
- Создать структуру документа
- Быстро добавить комментарий
- Перейти к строке под номером
- Поменять строку местами с соседними
- Дублировать строку
- Перейти к парной скобке
- Переименовать переменную
- Отформатировать документ
- Перейти к переменной
- Включить или выключить перенос слов
- Включить дзен-режим
- Материалы по теме
How to comment multiple lines in Visual Studio (VS) Code
In previous article, I have mentioned Useful Visual Studio Shortcuts (comment, remove comment, Collapse code etc ) but in this article, I have mentioned how to comment out multiple lines in Visual Studio Code.
Comment out multiple lines of selected code
Method:1
- If the file is already opened in Visual Studio Code. Select a block of code using your mouse or keyboard
- Then you can simply click on «Alt+Shift+A» in Windows or «Ctrl + Shift +A» in Mac to comment or uncomment selected lines, as you can see in given image
- On Ubuntu, the shortcut is Ctrl + Shift + A, similar to Mac.
Method 2:
You can also CTRL + K and then CTRL + C to comment multiple lines
For uncommenting multiple lines you can use CTRL + K then CTRL + U
You can use CMD + K + C to comment multiple lines
CMD + K + U to uncomment multiple lines.
Method 3:
Simply use ‘Ctrl + /’ for commenting and uncommenting code in VS Code Windows and To toggle a block comment, execute editor.action.blockComment (SHIFT + ALT + A)
On Mac, the shortcut is: Command + /
Usually, as you can see from above shortcuts in VS Code comment shortcuts, Mac is very similar to the Windows version.
Changing the comment shortcut in VS Code
You can also customise the comment shortcuts in VS Code.
- Windows : File -> Preferences -> Keyboard Shortcuts.
- MacOS : Code -> Preferences -> Keyboard Shortcuts.
You can search through the list both by keybindings (key names) and command names, and update them according to what you like.
Format code shortcut in VS Code
I would like to mention another useful shortcut for VS Code, which is to format code:
- On Windows — Shift + Alt + F
- On MacOS — Shift + Option + F
- On Ubuntu — Ctrl + Shift + I
Comment Single line Code in VS Code
- Add a Line comment Ctrl+K, Ctrl+C (Windows)
- Remove a line comment Ctrl+K, Ctrl+U (Windows)
- In Mac OS , we can use COMMAND + / for commenting and uncommenting for single line in VS Code.
Как закомментировать код
Работа в VS Code
Это краткое руководство научит вас использовать комментарии в VSCode, включая многострочные комментарии.
Я не знаю ни одного языка программирования, который бы не поддерживал комментарии.
Комментарии к коду невероятно полезны. При создании сложной функциональности я иногда даже пишу всю функцию в псевдокоде, прежде чем писать код.
Другая полезная функция — быстрое отключение одной или нескольких строк кода. Это очень удобно при отладке программы.
Комментарии служат двум основным целям:
- Добавить информацию, которая дает контекст вашему коду;
- Быстрое отключение кода во время отладки;
Вы будете использовать их в основном для добавления информации о вашей программы, которая поможет вашему будущему и вашим коллегам понять, что происходит.
Процесс комментирования
Сначала установите курсор в том месте, где вы хотите добавить комментарий.
Затем воспользуйтесь ярлыком комментария VS Code, который соответствует вашей платформе.
- В Windows это сочетание клавиш выглядит следующим образом: CTRL + /
- На Mac это сочетание клавиш: Command + /
Вы также можете расскомментировать код с помощью той же команды. Выберите код, который в данный момент закомментирован, и выполните команду быстрого доступа. Он снова станет незакомментированным.
Как только вы проделаете это несколько раз, это станет мышечной памятью и повысит вашу производительность. Я использую эту команду постоянно и не могу представить, что у меня ее нет.
Переключение блочных комментариев в VSCode
Некоторые языки программирования поддерживают блочные комментарии. Они охватывают несколько строк кода (блок). Если вы хотите закомментировать несколько строк кода — это то, что вам нужно.
Чтобы переключить блок комментариев VSCode, вы можете использовать editor.action.blockComment:
Есть еще один способ комментирования и разкомментирования, но он не так удобен.
Закомментируйте код (editor.action.addCommentLine):
- Windows: Ctrl + K + C
- Mac: Command + K + CСнять комментарий с кода (editor.action.removeCommentLine):
- Windows: Ctrl + K + U
- Mac: Command + K + U
Главное отличие этих команд в том, что каждая из них имеет только одно назначение. Они не переключают код, как ярлык со слэшем. Поэтому, если вы будете продолжать выполнять (CTRL + K + C), комментарии будут продолжать накапливаться.
ТОП горячих клавиш 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-шек и иже с ними: чтобы вырезать или скопировать строку, необязательно выделять ее целиком, можно просто переместить курсор на неё. ❤️
10 горячих клавиш VS Code, которые ускорят вашу работу
Горячие клавиши — добро, польза и экономия времени. Давайте разберёмся, как с их помощью упростить себе жизнь в Visual Studio Code.
Создать структуру документа
Это сочетание клавиш за секунду создаёт базовую структуру кода или вложенные теги.
Быстро добавить комментарий
Чтобы добавить комментарий, нужно перейти в начало строки и дописать туда два слеша. Это медленно. Быстрее нажать в любом месте строки Ctrl + / , и строка закомментируется, если она ещё не. А если уже да, то комментарий исчезнет.
Перейти к строке под номером
Иногда отладчики внезапно сообщают, что на строке 953 случилась непоправимая инфернальная ошибка вселенной. Чтобы не выискивать вручную, не листать и не тратить на это время, нажмите Ctrl + G , введите номер строки и спокойно спасайте вселенную.
Поменять строку местами с соседними
Случается такое, что ваш алгоритм — не алгоритм. Всё пошло не так, а вместо числа 42 вывелось сообщение «Данные удалены». Кому-то для этого нужно переписать весь код, но иногда бывает достаточно поменять строки местами и всё заработает.
Alt и стрелки меняют текущую строку местами с соседними.
Дублировать строку
Это для тех, кто не хочет копировать и вставлять несколько раз одно и то же.
Перейти к парной скобке
Когда кода становится много, очень просто запутаться в закрывающих и открывающих скобках, непонятно, где какой блок, и вообще, что происходит. На помощь приходит Ctrl + Shift + \ — это хорошее дополнение к стандартной подсветке парных скобок в VS Code.
Переименовать переменную
Писали, писали, а старший разработчик пришёл и сказал, что ваши переменные a , b и c — дурной тон. Чтобы не выискивать их по всему документу и не менять руками, есть F2 .
Отформатировать документ
VS Code предложит установить расширение или выбрать из существующих, а потом красиво отформатирует документ — расставит по местам блоки и скобки, сделает строки кода читаемыми.
Перейти к переменной
Иногда вообще непонятно, откуда взялась переменная, какая у неё область видимости и где она объявлена. F12 перенесёт вас к объявлению выделенной переменной, функции или метода. Если объявление в другом файле — всё равно перенесёт.
Включить или выключить перенос слов
Если строки кода или текст не вмещаются в редактор по ширине, включите перенос.
Включить дзен-режим
Лучшее решение для тех, кто входит в состояние потока, когда пишет код. Дзен-режим скрывает все панели, разворачивает редактор на весь экран, и вы можете плыть в волнах кода и думать только о нём. Чтобы вернуться в реальный мир, нажмите Escape .
👉 Больше статей о фронтенде и работе в айти в телеграм-канале.
Материалы по теме
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.