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

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

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

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

Панель действий

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

Строка состояния

Это действие недоступно из этой функции. Выберите другую вкладку.

Палитра команд

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

Встроенный терминал

1. Откройте интегрированный терминал из терминала —> новый терминал.

2. Клонируйте репозиторий с помощью следующей команды Git:

   git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME
   

3. Откройте в Visual Studio Code:

   code YOUR-REPO-NAME
   

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

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

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

Панель действий

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

Строка состояния

Это действие недоступно из этой функции. Выберите другую вкладку.

Палитра команд

1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
2. Отфильтруйте с Gitпомощью , а затем выберите Open repository.
3. Выберите папку, чтобы выбрать в качестве корневого каталога репозитория.

Встроенный терминал

1. Откройте интегрированный терминал из терминала —> новый терминал.

2. Откройте новый экземпляр Visual Studio Code для каталога репозитория:

   code ../dir1/dir2/my-repo
   

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

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

Панель действий

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

2. Выберите репозиторий Initialize.

   

Строка состояния

Это действие недоступно из этой функции. Выберите другую вкладку.

Палитра команд

1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.
2. Отфильтруйте с Gitпомощью , а затем выберите Initialize repository.
3. Выберите папку, чтобы выбрать в качестве корневого каталога репозитория.

Встроенный терминал

1. Откройте интегрированный терминал из терминала —> новый терминал.

2. Инициализировать папку с помощью Git с помощью следующей команды Git:

   git init
   

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

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

Создайте ветвь для записи изменений и изоляции от основной или ветвь по умолчанию.

Панель действий

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

Строка состояния

1. Выберите имя ветви в строке состояния. Откроется палитра команд.

   Строка состояния находится в нижней части Visual Studio Code.

2. Выберите в палитре команд элемент Создание ветви.

3. Введите имя для новой ветви.

4. Введите имя для новой ветви. Экран "Отображение имени ветви в строке состояния".

   

Палитра команд

1. Откройте палитру команд с сочетанием клавиш CTRL SHIFT + + P.

2. Найдите элемент git branch и выберите Git: Create Branch.

   

3. Введите новое имя ветви, например test.

4. Экран "Отображение имени ветви в строке состояния".

   

Встроенный терминал

1. Откройте интегрированный терминал из терминала —> новый терминал.

2. Создайте новую ветвь с помощью MY-BRANCH следующей команды Git:

   git checkout -b MY-BRANCH
   

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

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

Панель действий

1. Выберите элемент управления версиями на панели действий.

2. Введите сообщение о фиксации, а затем нажмите кнопку "Зафиксировать".

   

Строка состояния

Это действие недоступно из этой функции. Выберите другую вкладку.

Палитра команд

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

Встроенный терминал

1. Откройте интегрированный терминал из терминала —> новый терминал.

2. Создайте новую ветвь с помощью MY-BRANCH следующей команды Git:

   git commit -m "YOUR COMMIT MESSAGE"
   

Отправка локальной ветви в GitHub

Панель действий

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

Строка состояния

1. В строке состояния Visual Studio Code выберите значок отправки справа от имени ветви.

   

2. Выберите имя удаленного расположения во всплывающем окне. Если вы имеете только одно удаленное расположение, вам не будет предложено выбрать имя такого расположения.

Палитра команд

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

Встроенный терминал

1. Откройте интегрированный терминал из терминала —> новый терминал.

2. Создайте новую ветвь с помощью MY-BRANCH следующей команды Git:

   git push <remote-name> <branch-name>
   

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

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

1. Щелкните значок "Система управления версиями" на панели действий.

2. Щелкните многоточие (...) и выберите элемент Показать выходные данные Git.

   

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

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

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

Связанные ресурсы

• Узнайте о развертывании веб-приложения
• Работа с GitHub в Visual Studio Code
• Использование Visual Studio Code с другими поставщиками систем управления версиями