🖥 10 хоткеев VS Code, которые ускорят работу с React и не только

⏩Создать структуру документа
! и Tab

Это сочетание клавиш за секунду создаёт базовую структуру кода или вложенные теги.

⏩Быстро добавить комментарий
Windows — Ctrl + /
macOS — Command + /

⏩Перейти к строке под номером
Windows — Ctrl + G
macOS — Control + G

Иногда отладчики внезапно сообщают, что на строке 953 случилась непоправимая инфернальная ошибка вселенной. Чтобы не выискивать вручную, не листать и не тратить на это время, нажмите Ctrl + G, введите номер строки и спокойно спасайте вселенную.

⏩Поменять строку местами с соседними
Windows — Alt + ↑ / ↓
macOS Option + ↑ / ↓

Alt и стрелки меняют текущую строку местами с соседними.

⏩Дублировать строку
Windows Shift + Alt + ↓ / ↑
macOS Shift + Option + ↓ / ↑

⏩Перейти к парной скобке

Windows Ctrl + Shift + \
macOS Shift + Command + \

Если кода много, очень просто запутаться в закрывающих и открывающих скобках, непонятно, где какой блок. На помощь приходит Ctrl + Shift + \.

⏩Переименовать переменную

Windows — F2
macOS — F2

Чтобы не выискивать переменные по всему документу и не менять руками, есть F2.

⏩Отформатировать документ

Windows — Shift + Alt + F
macOS Shift + Option + F

VS Code предложит выбрать расширение из существующих, а потом красиво отформатирует документ — расставит по местам блоки и скобки и т.д.

⏩Перейти к переменной

Windows — F12
macOS — F12

F12 перенесёт вас к объявлению выделенной переменной, функции или метода. Если объявление в другом файле — всё равно перенесёт.

⏩Включить или выключить перенос слов

Windows — Alt + Z
macOS Option + Z

Если строки кода или текст не вмещаются в редактор по ширине, включите перенос.

⏩Включить дзен-режим

Windows — Ctrl + KZ
macOS — Command + KZ

Дзен-режим скрывает все панели, разворачивает редактор на весь экран, и вы можете думать только о коде. Чтобы вернуться в реальный мир, нажмите Escape.

@react_tg