Создадим локальную копию удалённого Git-репозитория и научимся переключаться между ветками. Git — распределённая система контроля версий, позволяющая копировать проект на разные компьютеры и синхронизировать изменения.
Для этого курса созданы репозитории на GitHub. Найдите их на моей странице. В этом примере будем использовать репозитории JavaScript Bible basics или JavaScript Bible ES6. Перейдите в выбранный репозиторий.
В разделе «Clone or download» выберите «Clone». Не используйте «Download ZIP». Скопируйте ссылку HTTP-клонирования.
В терминале перейдите в нужную директорию (например, cd Desktop) и выполните команду:
git clone <скопированная ссылка>
(Например: git clone <ссылка на репозиторий JavaScript Bible basics>) Репозиторий JavaScript Bible basics используется в первой части курса. Нажмите Enter.
После сообщения «Cloning into JavaScript Bible basics…» команда ls покажет папки JavaScript Bible basics и (возможно) test. Папку test можно удалить.
Перейдите в папку проекта:
cd JavaScript Bible basics
Вы находитесь в ветке master. Очистите терминал и выполните команды:
git branch
(Покажет только ветку master — локально у вас одна ветка).
git log
(Покажет историю коммитов ветки master).
Выполните команду:
git branch -r
Эта команда отобразит список удалённых веток. Переключение на удалённую ветку автоматически создаёт локальную ветку.
Например, переключимся на ветку challenge number one. Выполните команду:
git checkout --track <имя удалённой ветки>
Опция —track создаст локальную ветку с таким же именем (без префикса origin).
Вы увидите сообщение о создании локальной ветки.
git branch
Теперь есть две ветки: master и challenge number one.
Откройте проект в Visual Studio Code:
code .
Вы увидите файлы для challenge number one, например, index.html, styles.css.
В VS Code переключение между ветками осуществляется через меню выбора ветки. Ветки с префиксом origin — удалённые, без префикса — локальные.
Переключитесь на ветку 03_objects. Содержимое файлов изменится.
В терминале выполните:
git branch
Теперь три локальные ветки. Последняя создана автоматически и отслеживает удалённую ветку.
В VS Code можно искать ветки по имени (например, «variables»). Выбор и переключение добавит ветку локально.
Таким образом, легко переключаться между ветками. В следующей части будет показано использование SourceTree для переключения между ветками.