🖥 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. @javascript_react