Привет, Хабр!

Последнее время листаю ленту и ловлю себя на мысли, что Хабр незаметно превратился в IT-СМИ: новости про очередной релиз GPT, обсуждение того, заменит ли нас ИИ к пятнице, корпоративные блоги, которые начинаются с «мы в компании X верим, что...». Всё это имеет право на жизнь, но я скучаю по тому Хабру, где человек просто делился рабочей находкой, а ты утаскивал статью в закладки и потом реально к ней возвращался.

Да, я понимаю иронию: часть того, что будет ниже, уже можно решить через Copilot или спросить у ChatGPT. Нейронка подскажет шорткат быстрее, чем ты загуглишь. Но есть разница между «знать, что можно спросить» и «когда пальцы сами делают ctrl + shift + E и ты даже не задумываешься». Мышечная память не требует промпта, не ждёт ответа и работает без интернета.

Так что это — осознанно олдскульный формат статьи, можно сказать кстати, которую я писал 10 лет (Мой wakatime за все время). Никакого ИИ-хайпа, горячих новостей. Просто набор горячих клавиш, которые я реально использую каждый день на протяжении всей своей карьеры, проверенно тысячами часов разработки. Тот самый формат, который хочется сохранить в закладки.

Ниже — мой личный справочник горячих клавиш. Надеюсь, каждый найдёт здесь пару комбинаций, которые приживутся и добавят комфорта в работе.

Многие из них работают не только в указанных IDE, но и в любых текстовых полях. Например, в Telegram:

• Ctrl + B — жирный шрифт

• Ctrl + Shift + M — оформление как фрагмент кода (удобно для логинов/паролей — получатель скопирует одним кликом, без выделения)

• Ctrl + Shift + . — цитата (кнопка левее правого Shift; работает только на русской раскладке)

Или прям на Хабре!
Выделите текст и нажмите ctrl + enter - что бы сообщить автору об опечатках.

Для пользователей macOS:

• В Chrome и системных приложениях замените Ctrl → ⌘ Cmd, Alt → ⌥ Option. Этого достаточно.

• В JetBrains IDE всё сложнее: дефолтная macOS-раскладка сильно отличается от Windows. Если не хотите переучиваться — в Settings → Keymap можно выбрать раскладку Windows/Linux, и все комбинации из статьи будут работать.

• Кнопки Home / End / Page Up / Page Down на Mac без отдельной клавиатуры заменяются на ⌘ + ← / → и Fn + ↑ / ↓.

WebStorm

F2 // Быстрый способ перейти к следующей ошибке в текущем файле (синтаксис, линтер и др.)
shift + F2 // То же самое но в обратном порядке

ctrl + Q             // показать тип переменной
ctrl + shift + I     // показать реализацию переменной/функции
ctrl + P             // показать аргументы функции которую она принимает (курсор внутри скобок вызова  функции)
ctrl + shift + P     // открывает меню для подсветки блоков кода
ctrl + W             // выделить ближайшее слово/блок кода, при повторном нажатии выделяет родительский блок
ctrl + alt + T       // обернуть в try catch или if
ctrl + shift + W     // отменить выделение ближайшего слова/блока кода
alt + F1 -> 1        // выбрать и поставить курсор на текущий открытый файл в проекте 
alt + F12            // терминал (Esc вернуться в редактор)
alt + 1              // перейти в дерево файлов проекта (Esc вернуться в редактор)
alt + 6              // перейти в окно "Problems", там можно посмотреть все ошибки в проекте или файле
alt + F11            // выбор npm/yarn команды из package.json
ctrl + C             // скопировать строку (когда нет выделения)
ctrl + X             // вырезать строку (когда нет выделения)
ctrl + F1            // если курсор стоит над подчеркнутым кодом показывает dropdown с ошибкой, 
                        в нем же можно нажать alt + enter для предложений по автоисправлению
                        затем через top/bottom выбрать автоисправление и нажать enter
ctrl + shift + up/down          // переместить строку вверх/вниз, webstorm понимает синтаксические конструкции, 
							       по этому можно перемещать например функции без необходимости их выделять
ctrl + shift + alt + left/right // переместить текущую синтаксическую конструкцию влево/вправо, позволяет переместить аргументы функции или элементы массива если они перечислены в одной строке.

ctrl + alt + Z // VCS revert changes если курсор в file tree применяется к файлу, если курсор в строке кода, применяет к строке кода 

• навигация по коду (курсор)
ctrl + alt + left/right // переход по истории позиций курсора (так же будет открывать файлы в которых стоял курсор)
ctrl + shift + E        // последние места где был курсор
alt + top/bottom        // переход по функциям
cltr + shift + alt + top/bottom // переход по измененным фрагментам кода (VCS)
						
• навигация по коду (закладки)
F11                     // добавить/убрать закладку на строчку кода
shift + F11          //  просмотр всех добавленных закладок

• Нумерованные закладки (мнемонические) 
ctrl + F11 + [0-9]               // это когда надо натыкать несколько закладок и быстро по ним переключаться
ctrl + shift + F11 + [0-9]     // переход к мнемонической закладке

• работа с текстом 
ctrl + shift + U     // переводит выделенный текст в верхний/нижний регистр (полезно с неймингом констант)

• открытые файлы (вкладки сверху)
alt + left/right     // переключение по вкладкам
ctrl + F4            // закрыть текущую вкладку

• view
ctrl + shift + alt + left/right  // позволяет менять ширину окна, 
                                   например когда фокус в окне просмотра файлов проекта
                                   ("Project" переход в который через alt + 1)

WebStorm и VCS (git)

Быстрый pull ветки: ALT + G → стрелочками до pull → enter.
Так можно быстро обновить текущую ветку или спулить в нее develop, чтобы начать решать конфликты.

ctrl + shift + alt + вверх/вниз  // прыгаем между локальными изменениями (незакомиченными)
ctrl + K            // коммит
ctrl + shift + K    // push 

WebStorm Terminal

alt + backspace      // стереть слово целиком (помогает когда надо стереть длинную строку)
ctrl + shift + T     // открыть новый таб
ctrl + shift + W     // закрыть текущий таб
alt + left/right     // переключение табов влево/вправо

Chrome

ctrl + T             // новая вкладка
ctrl + shift + T     // открыть предыдущую закрытую вкладку и тд по истории закрытия
ctrl + W             // закрыть текущую вкладку 
ctrl + 1,2,3...      // переключение вкладок по соответствующему номеру 
ctrl + tab           // следующая вкладка
ctrl + shift + tab   // предыдущая вкладка
ctrl + L             // курсор в строку ввода в браузере
ctrl + shift + N     // открыть новое окно браузера в инкогнито

Проводник винды или окно со списком файлов в Webstorm

Файлы в проводнике можно выделять без мыши, для этого используются следующие комбинации клавиш:

ctrl + up/down  // смещаем курсор сохраняя ранее выделенные файлы
ctrl + space    // выделить файл (если выбран убирает выделение)

Чтобы не сбиваться нужно запомнить что все делается при удерживании ctrl и нажатием up/down/space.
Если выделяем список файлов подряд, то используется shift + up/down

Работа с текстом

Рекомендую использовать кнопки:
Home, End, Page Up, Page Down
А так же их комбинации с ctrl и shift

ctrl + вправо/влево  // перескочить слово курсором добавив shift выделить слово 
ctrl + вверх/вниз    // построчный скроллинг страницы

Печать символов возможна через нажатие alt + последовательность Num кнопок.

Это называется alt код, таблицу можно посмотреть на википедии.
Ниже символы которые могут быть полезны:

• | 7 
© | 0169    
« | 0171
» | 0187
— | 0151  // длинное тире
↑ | 24 
↓ | 25
→ | 26
← | 27

Символы (alt коды) для описания структуры файлов или таблицы:

┌ → 218 ┐ → 191
│ → 179 │ → 179
└ → 192 ┘ → 217

┌ → 218 ┬ → 194 ┐ → 191
├ → 195 ┼ → 197 ┤ → 180
└ → 192 ┴ → 193 ┘ → 217 

│ → 179
─ → 196

Пример таблицы:

┌─┬─┐ → 218 196 191
│A│1│ → 179  A  179
├─┼─┤ → 195 197 180
│B│2│ → 179  B  179
└─┴─┘ → 192 196 217

Разделитель посередине строки:

────────────────── → 196 196 196 ...

Простой пример описания файловой структуры:

A ┐          → 191
  └─ A1      → 195 196 A1 
     ├ a.ts  → 195 a.ts 
     └ b.ts  → 192

Более сложный пример описания файловой структуры:

A ┐          → 191 
  ├─ A1      → 195 196 A1
  │  ├ a.ts  → 179 195 a.ts
  │  └ b.ts  → 179 192 b.ts
  ├─ A2      → 195 196 A2
  │  └ a.ts  → 179 192
  └─ a.ts    → 192 196 a.ts

Cursor

Секцию Cursor оставляю короткой намеренно. Я начал его осваивать на фоне хайпа, но быстро понял — он меня больше тормозит, чем ускоряет. Для меня ключевое преимущество IDE — не AI-обёртка, а инструменты, которые работают без промпта. JetBrains даёт из коробки то, что в VSCode приходится собирать из плагинов: VCS с построчным revert и удобным diff, Debug-инструменты без ручной настройки конфигов, интеграция с Jest включая просмотр снапшотов. Можно ли добиться того же в VSCode? Да. Но «работает сразу» и «можно настроить» — это разный уровень комфорта.

F8 или shift + F8  // следующая или предыдущая ошибка 

ctrl + .        // dropdown с autofix 

ctrl + M + I    // hover меню (то что выводится при наведении мышью)

Если вы дочитали до сюда и утащили хотя бы пару комбинаций в свой арсенал — статья написана не зря.

Обычно я чередую такие технические заметки с более глобальными размышлениями про IT: про управление командами, про то как меняется индустрия, про инструменты и подходы, которые реально влияют на продуктивность. Не всё из этого подходит под формат Хабра, поэтому часть мыслей уходит в группу ТГ. Пишу без спама, просто заметки практикующего разработчика и руководителя.

Если у вас есть свои must-have шорткаты, которые я пропустил — пишите в комментариях. Сам с удовольствием утащу в закладки.