Часть 2. Из второго модуля: редактор и хранение кода

Горячие клавиши

Двенадцать сочетаний, которые реально пригодятся. Остальные не нужны

Сначала — что это вообще такое

«Горячие клавиши» — это когда вы нажимаете две-три клавиши одновременно, и программа что-то делает быстро, без поиска нужной кнопки мышкой.

Вы наверняка уже такими пользуетесь, даже если не знали, что они так называются. Например, Ctrl + C — скопировать, Ctrl + V — вставить. Вот это и есть горячие клавиши.

Тут то же самое, просто под другие задачи.

Как читать запись вроде «Ctrl + S»

Знак + означает «нажать вместе, одновременно». Но не пугайтесь — не надо попадать в обе клавиши в одну и ту же долю секунды.

Делается так:

  1. Нажали Ctrl и держите её пальцем
  2. Не отпуская, нажали вторую клавишу — например S
  3. Отпустили обе

Как аккорд на пианино: одну клавишу придержали, вторую добавили.

Про Windows и Mac

На компьютерах с Windows главная клавиша — Ctrl (читается «контрол», находится слева внизу).

На Mac вместо неё — Cmd (читается «команда», значок ⌘, рядом с пробелом).

Дальше я буду писать оба варианта. Смотрите на тот, что подходит вашему компьютеру.

Самая главная клавиша

Если запомните только одну — пусть будет эта.

💾 Сохранить

Windows: Ctrl + S Mac: Cmd + S

Сохраняет файл, над которым вы работаете.

Почему это самое важное. Вы что-то поправили в коде, а на сайте изменений нет? В девяти случаях из десяти вы просто забыли сохранить. Нажали Ctrl + S — и всё обновилось.

Заведите привычку: что-то поменяли — сразу Ctrl + S. Со временем палец будет делать это сам, не задумываясь.

Как понять, что файл не сохранён: рядом с названием файла вверху появляется кружочек • вместо крестика. Кружочек значит «есть несохранённые изменения». Сохранили — кружочек пропал.

Ежедневная тройка

Эти три вы уже знаете, но повторю — в редакторе они тоже главные.

📋 Скопировать

Windows: Ctrl + C Mac: Cmd + C

Сначала выделите текст мышкой (протяните по нему с зажатой кнопкой), потом копируйте.

📥 Вставить

Windows: Ctrl + V Mac: Cmd + V

Вставляет то, что скопировали, туда, где стоит курсор.

✂️ Вырезать

Windows: Ctrl + X Mac: Cmd + X

Как копировать, но исходное при этом удаляется. Копирует и убирает разом.

Спасательная пара

Две клавиши, которые снимают страх «а вдруг я всё испортил».

↩️ Отменить последнее действие

Windows: Ctrl + Z Mac: Cmd + Z

Сделали что-то не то — нажали, и оно отменилось. Как будто и не было.

Можно нажимать несколько раз подряд — будет отменять шаг за шагом, всё дальше в прошлое.

Это ваша страховка. Что бы ни случилось в коде — Ctrl + Z возвращает назад. Пользуйтесь смело.

↪️ Вернуть отменённое

Windows: Ctrl + Shift + Z Mac: Cmd + Shift + Z

Передумали отменять? Это действие возвращает то, что вы только что отменили. Отмена отмены.

Поиск

Когда проект вырастет, глазами искать нужное место долго. Эти двое спасают.

🔍 Найти на странице

Windows: Ctrl + F Mac: Cmd + F

Открывает строку поиска. Вписываете слово — редактор подсвечивает, где оно встречается в файле.

Пример. Хотите поменять слово «Заказать» на кнопке, но не помните, в каком месте кода оно. Нажали Ctrl + F, вписали «Заказать» — редактор сразу показал.

Кстати, Ctrl + F работает почти везде: в браузере, в Word, на сайтах. Очень полезная вещь и за пределами курса.

🔍 Найти во всём проекте сразу

Windows: Ctrl + Shift + F Mac: Cmd + Shift + F

То же самое, но ищет не в одном файле, а во всех сразу. Удобно, когда не знаете, в каком файле нужное слово.

Удобство

Не обязательные, но приятные.

🔍➕ Увеличить текст

Windows: Ctrl + знак «плюс» Mac: Cmd + знак «плюс»

Буквы в коде мелкие? Увеличьте. Нажимайте несколько раз, пока не станет комфортно глазам. Не геройствуйте с мелким шрифтом — глаза дороже.

🔍➖ Уменьшить текст

Windows: Ctrl + знак «минус» Mac: Cmd + знак «минус»

Обратное действие, если увеличили слишком сильно.

💻 Показать или спрятать терминал

Windows: Ctrl + знак «`» (над клавишей Tab, слева вверху) Mac: Cmd + знак «`»

Терминал — это чёрное окошко снизу. Мешает — спрятали. Понадобился — вернули. Пока вам он почти не нужен, но клавишу знать полезно.

Всё вместе — распечатайте и положите рядом

💾 Сохранить (самое важное)

Windows

Ctrl + S

Mac

Cmd + S

📋 Скопировать

Windows

Ctrl + C

Mac

Cmd + C

📥 Вставить

Windows

Ctrl + V

Mac

Cmd + V

✂️ Вырезать

Windows

Ctrl + X

Mac

Cmd + X

↩️ Отменить

Windows

Ctrl + Z

Mac

Cmd + Z

↪️ Вернуть отменённое

Windows

Ctrl + Shift + Z

Mac

Cmd + Shift + Z

🔍 Найти в файле

Windows

Ctrl + F

Mac

Cmd + F

🔍 Найти во всём проекте

Windows

Ctrl + Shift + F

Mac

Cmd + Shift + F

🔍➕ Увеличить текст

Windows

Ctrl + плюс

Mac

Cmd + плюс

🔍➖ Уменьшить текст

Windows

Ctrl + минус

Mac

Cmd + минус

💻 Терминал вкл/выкл

Windows

Ctrl + `

Mac

Cmd + `

Как это запомнить

Не пытайтесь выучить все двенадцать сразу — не получится, и не надо.

Начните с двух:

  • Ctrl + S — сохранить (нажимайте после каждой правки)
  • Ctrl + Z — отменить (когда что-то пошло не так)

Этих двух хватит на первые дни. Остальные подсмотрите в табличке, когда понадобятся. Через неделю работы половина запомнится сама, потому что вы будете ими пользоваться.

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

Главное

Из всех двенадцати по-настоящему важна одна: Ctrl + S, сохранить.

Забыли сохранить — кажется, что правка не сработала, хотя всё в порядке. Это самая частая путаница новичков.

Всё остальное — приятные помощники, которые придут с опытом сами.