Клонирование и использование репозитория GitHub в Visual Studio Code

2025-03-17

Узнайте, как клонировать общедоступный репозиторий из GitHub на локальный компьютер, используя Visual Studio Code.

Откройте удаленный репозиторий

Откройте удаленный репозиторий на локальном компьютере.

Установите расширение удаленного репозитория
Выберите удаленный индикатор в нижней левой части Visual Studio Code.
Следуйте инструкциям.

Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
В командной строке палитры введите gitcl, выберите команду Git: Клонировать, а затем выберите Клонировать из GitHub и нажмите Enter.
Если появится запрос на ввод URL-адреса репозитория, выберите параметр клонирования из GitHub и нажмите клавишу ВВОД.
Если вам будет предложено войти в GitHub, завершите процесс входа.
Введите azure-samples/js-e2e-express-server в поле URL-адрес репозитория.
Выберите (или создайте) локальный каталог, в который нужно клонировать проект, а затем выберите " Выбрать в качестве назначения репозитория".
Когда появится уведомление с вопросом, нужно ли открыть клонированный репозиторий, выберите вариант Открыть.

Откройте интегрированный терминал из Терминал —> Новый Терминал.
Клонируйте репозиторий с помощью следующей команды Git:
```
git clone https://github.com/<ACCOUNT>/<REPOSITORY>
```
Откройте в Visual Studio Code:
```
code <REPOSITORY>
```

Visual Studio Code использует проверку подлинности Git, предоставляемую операционной системой (например, macOS KeyChain или диспетчер учетных данных Windows) с любой функциональностью Git. Выходные данные видны в Командной палитре > Git: Показать вывод Git.

Подключение к пользовательским доменам GitHub

По умолчанию Visual Studio Code предполагает, что репозитории размещаются в github.com. Если необходимо подключиться к репозиторию в другом домене (например, корпоративный GitHub, например, github.<company_name>.com), необходимо настроить путь Git соответствующим образом.

Чтобы обновить путь Git в VS Code, откройте Файл → Параметры → Настройки и найдите Git: Path. Этот параметр позволяет указать абсолютный путь к исполняемому файлу Git, который работает с пользовательским доменом GitHub.

снимок экрана строки поиска параметров Visual Studio Code для пути Git.

Кроме того, можно добавить или обновить параметр git.path непосредственно в файле settings.json, чтобы убедиться, что VS Code использует правильный двоичный файл Git для всех операций репозитория.

Открытие локального репозитория

Если у вас есть существующий репозиторий на локальном компьютере и хотите открыть его в Visual Studio Code, просто откройте папку. Visual Studio Code распознает вложенную папку .git и отображает соответствующие сведения.

Нажмите клавиши CTRL + + O.
Выберите папку .

Откройте интегрированный терминал из Терминал -> Новый терминал.
Откройте новый экземпляр Visual Studio Code для каталога репозитория:
```
code ../dir1/dir2/my-repo
```

Инициализация нового репозитория

Используйте следующую процедуру, чтобы создать локальный репозиторий исходного кода с помощью git.

Выберите элемент управления версиями на панели действий или используйте сочетание клавиш Ctrl + Shift + G.
Выберите инициализировать репозиторий.

Откройте интегрированный терминал через Терминал —> Новый терминал.
Инициализировать папку с помощью Git с помощью следующей команды Git:
```
git init
```

После инициализации репозитория создайте репозиторий на сайте GitHub. Затем добавьте этот репозиторий в качестве удалённого репозитория в локальный проект через палитру команд: выполните поиск Git: Add remote.

Создание ветви для изменений

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

Выберите систему управления версиями на панели действий.
Выберите многоточие (...) рядом с элементом контроля версий.
Выберите Ветвь -Создать ветвь.

Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
Найдите элемент git branch и выберите Git: Create Branch.
Введите новое имя ветви, например test.
Название ветки отображается в строке состояния.

Откройте интегрированный терминал через Терминал —> Новый терминал.
Создайте новую ветвь, названную MY-BRANCH, с помощью следующей команды Git:
```
git checkout -b MY-BRANCH
```

Фиксация изменений локально

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

Выберите систему управления версиями на панели активности.
Введите сообщение коммита, затем нажмите Commit.

Откройте интегрированный терминал через Терминал —> Новый терминал.
Создайте новую ветвь с помощью следующей команды Git: MY-BRANCH
```
git commit -m "YOUR COMMIT MESSAGE"
```

Отправьте локальную ветвь в GitHub

Выберите значок "Система управления версиями" на панели действий.
Выберите Опубликовать ветвь. Если репозиторий не существует на GitHub, он создает репозиторий для вас.

Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
В палитре команд отфильтруйте с помощью Git, затем выберите Push.
Если у вас несколько исходящих удаленных адресов, выберите удаленное имя, а затем нажмите клавишу ВВОД.

Откройте интегрированный терминал через Терминал —> Новый терминал.
Создайте новую ветвь, названную MY-BRANCH, с помощью следующей команды Git:
```
git push <remote-name> <branch-name>
```

Просмотр выходных данных Git

Вы можете просмотреть выходные данные команд Git, используя расширение Source Control. Эти выходные данные помогают отладить при сбое команды.

Щелкните значок "Система управления версиями" на панели действий.
Щелкните многоточие (...) и выберите элемент Показать выходные данные Git.

Инструменты Visual Studio Code для работы с Git и GitHub

При работе в Visual Studio Code с репозиторием необходимо использовать отдельные средства.

Значок	Информация	Доступ из
	Команды Git в палитре команд	`F1`
	Расширение контроля исходного кода	Панель действий
	Расширение запросов на вытягивание и сообщений о проблемах на GitHub	Панель активности
	Расширение репозиториев GitHub	Вы можете быстро и без труда открыть репозиторий GitHub. Для этого можно выполнить поиск репозиториев GitHub и выбрать команду "Открыть репозиторий" в палитре команд, нажать клавишу `F1` или выбрать команду Open GitHub Repository... (Открыть репозиторий GitHub) из удаленного индикатора (зеленая кнопка слева в нижнем углу строки состояния).