Git: сохранения как в игре
Урок 7 из 26 курса «Вайбкодинг: курс с нуля». Бесплатно, с анимациями и тестом.
Сохранения как в игре
В игре ты сохраняешься перед боссом, чтобы не проходить всё заново. Git делает то же для проекта. Git: программа, которая запоминает каждую версию твоих файлов. Пример: ты с ИИ собираешь сайт для своей команды в шутере. На схеме весь путь: каркас (пустая заготовка страницы), меню, форма входа. Каждый кружок: отдельное сохранение, к которому можно вернуться.
Коммит: точка сохранения
Коммит: сохранение в Git, снимок всего проекта в конкретный момент. К каждому коммиту пишут короткое сообщение о том, что поменялось. Правило простое: что изменилось, в паре слов. «форма входа» понятно сразу. «фикс», «asdf» или «всё норм» через неделю не скажут тебе ничего. Подписи на схеме: хороший пример, историю по ним читаешь как список дел.
Сломалось? Откатись
Ты попросил ИИ «сделай дизайн поярче», и поехали все стили: кнопки налезли на текст. Это красный коммит «сломал стили». Без Git пришлось бы вспоминать, как было раньше. С Git ты смотришь историю, то есть список всех коммитов, и делаешь откат: возвращаешь проект к коммиту «форма входа», где всё работало. Об этом стрелка «откат» на схеме.
Коммить после каждого шага
База: рабочий шаг готов, сразу коммит. Собрал каркас, проверил, сохранил. Добавил меню, проверил, сохранил. Особенно важно сохраниться перед большой просьбой к ИИ вроде «переделай весь дизайн». Тогда при любом исходе ты потеряешь максимум один шаг, а не вечер работы. ИИ-редакторы и агенты умеют делать коммиты сами: просто попроси.
Diff: что именно поменялось
Diff (дифф): сравнение двух версий построчно. Добавленные строки подсвечены зелёным, удалённые красным. Пример: чип «+12 −3» на схеме значит, что в коммите добавили 12 строк кода и убрали 3. Перед коммитом глянь дифф. Если ты просил поменять цвет одной кнопки, а ИИ переписал, например, сотни строк, это повод спросить его, зачем.
Проверь себя
- Что такое коммит в Git?
Правильный ответ: Сохранение проекта с коротким сообщением. Коммит: снимок проекта в конкретный момент плюс сообщение о том, что поменялось. К нему всегда можно вернуться. - Когда особенно важно сделать коммит?
Правильный ответ: Перед большой просьбой к ИИ, пока всё работает. Коммит перед большой правкой даёт рабочую точку для отката. Коммит после поломки сохранит уже сломанную версию. - В диффе строка подсвечена красным. Что это значит?
Правильный ответ: Эту строку удалили. В диффе зелёный значит «добавлено», красный значит «удалено». Красный цвет тут не про ошибку.