# Использование кодовых пространств GitHub в Visual Studio Code

Вы можете разрабатывать в своём кодовом пространстве напрямую, Visual Studio Code подключив расширение GitHub Codespaces к своему GitHub аккаунту.

## Об GitHub Codespaces этом Visual Studio Code

Вы можете использовать локальную установку Visual Studio Code для создания, управления, работы и удаления кодовых спейстэйс.
Чтобы использовать GitHub Codespaces в VS Code, необходимо установить расширение Codespaces. Для получения дополнительной информации о настройке GitHub Codespaces в VS Codeсм. [раздел «Предварительные](#prerequisites) требования».

По умолчанию, если создать новое кодовое пространство на GitHub, оно откроется в браузере. Если вы предпочитаете автоматически открывать новые кодовые пространства, VS Code вы можете установить стандартный редактор на VS Code. Дополнительные сведения см. в разделе [Настройка редактора по умолчанию для GitHub Codespaces](/ru/codespaces/setting-your-user-preferences/setting-your-default-editor-for-github-codespaces).

Если вы предпочитаете работать в браузере, но хотите продолжать использовать существующие VS Code расширения, темы и ярлыки, вы можете включить синхронизацию настроек. Для получения дополнительной информации см. [Персонализация GitHub Codespaces для вашего аккаунта](/ru/codespaces/setting-your-user-preferences/personalizing-github-codespaces-for-your-account#settings-sync).

## Необходимые компоненты

Чтобы разработать в кодовом пространстве напрямую VS Code, необходимо установить и войти в GitHub Codespaces расширение с учётными GitHub данными. Для расширения GitHub Codespaces требуется VS Code выпуск 1.51 октября 2020 года или позже.

Используйте Visual Studio Code Marketplace его для установки [GitHub Codespaces](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces) расширения. Для получения дополнительной информации см. [раздел Extension Marketplace](https://code.visualstudio.com/docs/editor/extension-gallery) в VS Code документации.

1. В VS Codeв строке действий щелкните значок удаленного обозревателя.

   ![Снимок экрана: панель действий. Значок боковой панели "Удаленный обозреватель" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)

   > \[!NOTE]
   > Если удаленный обозреватель не отображается в строке действий:
   >
   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).
   > 2. Введите `details`.
   > 3. Щелкните **Codespaces: сведения**.

2. Выберите «GitHub Codespaces» в выпадающем меню в верхней части боковой панели «Remote Explorer», если он ещё не выбран.

3. Нажмите **Войти в GitHub**.

   ![Снимок экрана: боковая панель "Удаленный обозреватель" для "GitHub Codespaces" с кнопкой "Вход в GitHub".](/assets/images/help/codespaces/sign-in-to-view-codespaces-vscode.png)

4. Если вы сейчас не вошли в GitHub систему, вам попросят это сделать. Выполните вход.

5. Когда вам попросят указать, что именно вы хотите авторизировать, нажмите кнопку **«Авторизировать** » для «GitHub.»

6. Если отображается страница авторизации, щелкните "Авторизовать **Visual-Studio-Code**".

## Создание кодового пространства в VS Code

После подключения учетной записи на GitHub к расширению GitHub Codespaces можно создать новое пространство кода. Дополнительные сведения о расширении GitHub Codespaces см. в [разделе VS Code Marketplace](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces).

1. В VS Codeв строке действий щелкните значок удаленного обозревателя.

   ![Снимок экрана: панель действий. Значок боковой панели "Удаленный обозреватель" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)

   > \[!NOTE]
   > Если удаленный обозреватель не отображается в строке действий:
   >
   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).
   > 2. Введите `details`.
   > 3. Щелкните **Codespaces: сведения**.

2. Наведите указатель мыши на боковую панель "Удаленный обозреватель" и щелкните <svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-plus" aria-label="plus icon" role="img"><path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path></svg>.

   ![Снимок экрана: боковая панель "Удаленный обозреватель" для GitHub Codespaces. Подсказка "Create New Codespace" отображается рядом с кнопкой знака плюса.](/assets/images/help/codespaces/create-codespace-vscode.png)

3. В текстовом поле введите имя репозитория, в который вы хотите разработать, а затем выберите его.

   ![Снимок экрана: "octo-org/he", введенный в текстовое поле, и список четырех репозиториев, начинающихся с этой строки.](/assets/images/help/codespaces/choose-repository-vscode.png)

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

   ![Снимок экрана: запрос на ветвь с сообщением "Использование, оплачиваемое концентратором".](/assets/images/help/codespaces/who-will-pay-vscode.png)

4. Щелкните ветвь, в которой нужно выполнить разработку.

5. Если появится запрос на выбор файла конфигурации контейнера разработки, выберите файл из списка.

6. Щелкните тип компьютера, в котором нужно выполнить разработку.

   > \[!NOTE]
   > Выбор доступных типов машин может быть ограничен рядом факторов. Они могут включать политику, настроенную для вашей организации, или минимальную спецификацию типа компьютера для репозитория. Дополнительные сведения см. в разделе \[AUTOTITLE и [Ограничение доступа к типам компьютеров](/ru/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types)]\(/codespaces/setting-up-your-project-for-codespaces/configuring-dev-containers/setting-a-minimum-specification-for-codespace-machines).

## Открытие кодового пространства в VS Code

1. В VS Codeв строке действий щелкните значок удаленного обозревателя.

   ![Снимок экрана: панель действий. Значок боковой панели "Удаленный обозреватель" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)

   > \[!NOTE]
   > Если удаленный обозреватель не отображается в строке действий:
   >
   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).
   > 2. Введите `details`.
   > 3. Щелкните **Codespaces: сведения**.
2. Под "GitHub Codespaces", наведите курсор на кодовое пространство, в котором хотите разрабатывать.
3. Щелкните значок подключения (символ подключаемого модуля).

   ![Снимок экрана: боковая панель "Удаленный обозреватель". Значок подключения для пространства кода (символ подключаемого модуля) выделен темным оранжевым контуром.](/assets/images/help/codespaces/click-connect-to-codespace-icon-vscode.png)

## Изменение типа машины в VS Code

```
          Как правило, можно запустить пространство кода на выборе типов удаленных компьютеров. Эти типы компьютеров предлагают выбор спецификаций оборудования от 2 ядер до 32 ядер, хотя полный спектр типов машин может быть не всегда доступен. Каждый тип компьютера имеет другой уровень ресурсов и другой уровень выставления счетов. Дополнительные сведения см. в разделе [AUTOTITLE](/billing/managing-billing-for-your-products/managing-billing-for-github-codespaces/about-billing-for-github-codespaces).
          
          По умолчанию тип компьютера с наименьшими допустимыми ресурсами используется при создании codespace. Вы можете менять тип машины в вашем кодовом пространстве в любое время.
```

> \[!NOTE]
> Выбор доступных типов машин может быть ограничен рядом факторов. Они могут включать политику, настроенную для вашей организации, или минимальную спецификацию типа компьютера для репозитория. Дополнительные сведения см. в разделе \[AUTOTITLE и [Ограничение доступа к типам компьютеров](/ru/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types)]\(/codespaces/setting-up-your-project-for-codespaces/configuring-dev-containers/setting-a-minimum-specification-for-codespace-machines).

1. В VS Codeоткройте палитру команд с <kbd>помощью клавиш</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL<kbd></kbd>+SHIFT+</kbd><kbd>P</kbd> (Windows/Linux).

2. Найдите и выберите "Кодовые пространства: изменение типа компьютера".

   ![Снимок экрана: "Изменить компьютер", введенный в качестве строки поиска и "Пространства кода: изменение типа компьютера" в раскрывающемся списке.](/assets/images/help/codespaces/vscode-change-machine-type-option.png)

3. Если вы не выполняете эти инструкции в пространстве кода, щелкните пространство кода, которое нужно изменить.

   ![Снимок экрана: раскрывающийся список четырех пространств кода.](/assets/images/help/codespaces/vscode-change-machine-choose-repo.png)

   Если вы выполняете эти инструкции в пространстве кода, это изменение будет применяться к пространству кода, в который вы работаете.

4. Выберите тип компьютера, который вы хотите использовать.

5. Если вы переходите на тип компьютера с другой емкостью хранилища, появится запрос, если вы хотите продолжить. Прочитайте запрос и нажмите кнопку **"Да"** , чтобы принять.

Если вы изменились на виртуальную машину с другой емкостью хранилища (например, с 32 ГБ до 64 ГБ), пространство кода будет недоступно в течение короткого времени при изменении типа компьютера. Если пространство кода в настоящее время активно, оно будет автоматически остановлено. После завершения изменения вы сможете перезапустить пространство кода, работающее на новом типе компьютера.

Если вы изменились на виртуальную машину с той же емкостью хранилища, это изменение будет применено при следующем перезапуске пространства кода. Активное пространство кода не будет остановлено автоматически. Дополнительные сведения о перезапуске пространства кода см. в разделе [Остановка и запуск пространства кода](/ru/codespaces/developing-in-codespaces/stopping-and-starting-a-codespace#restarting-a-codespace).

## Удаление кодового пространства в VS Code

Можно удалить среды codespace из VS Code, если в настоящее время не работаете в среде codespace.

1. В VS Codeв строке действий щелкните значок удаленного обозревателя.

   ![Снимок экрана: панель действий. Значок боковой панели "Удаленный обозреватель" (прямоугольник, наложенный кругом), выделен оранжевым контуром.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)

   > \[!NOTE]
   > Если удаленный обозреватель не отображается в строке действий:
   >
   > 1. Откройте палитру команд. Например, нажмите клавиши <kbd>SHIFT</kbd>+<kbd>COMMAND</kbd>+<kbd>P</kbd> (Mac) или <kbd>CTRL</kbd>+<kbd>SHIFT</kbd>+<kbd>P</kbd> (Windows/Linux).
   > 2. Введите `details`.
   > 3. Щелкните **Codespaces: сведения**.
2. В разделе "GitHub Codespaces" щелкните правой кнопкой мыши пространство кода, которое нужно удалить.
3. Нажмите кнопку **Удалить codespace**.

## Переход на VS Code Insiders в веб-клиенте

Если вы используете VS Code веб-клиент, вы можете переключиться на версию приложения Insiders. Для получения дополнительной информации об этой версии VS Codeсм. [раздел «Introducing the Insiders Build](https://code.visualstudio.com/blogs/2016/02/01/introducing_insiders_build) » в VS Code блоге.

После переключения версий в пространстве кода веб-клиент продолжит использовать версию программы предварительной оценки, если остановить и перезапустить пространство кода. Новые кодовые пространства, которые вы создаёте и открываете в VS Code веб-клиенте, также будут использовать версию Insiders.

1. В левом нижнем углу окна браузера, где отображается кодовое пространство, нажмите **<svg version="1.1" width="16" height="16" viewBox="0 0 16 16" class="octicon octicon-gear" aria-label="Manage" role="img"><path d="M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z"></path></svg>**.

2. В меню выберите "Переключиться на версию программы предварительной оценки".

   ![Снимок экрана: веб-клиент VS Code . Значок шестеренки выделен оранжевым контуром. В меню отображается параметр "Переключиться на версию программы предварительной оценки".](/assets/images/help/codespaces/codespaces-insiders-vscode.png)

3. Нажмите кнопку " **Перезагрузить**".

Чтобы вернуться к Стабильной версии VS Code, повторите процесс, но выберите **Переключиться на Стабильную версию**. После переключения пространство кода будет продолжать использовать стабильную версию, если остановить и перезапустить пространство кода. Новые кодовые пространства, которые вы создаёте и открываете в VS Code веб-клиенте, также будут использовать стабильную версию.

## Использование десктопного приложения Insiders для Codespaces

Чтобы использовать GitHub Codespaces в версии Insiders настольного VS Code приложения, запустите или создайте свои кодовые пространства внутри VS Code приложения Insiders. Для получения дополнительной информации см. [разделы «Создание кодового пространства» и VS Code](#creating-a-codespace-in-vs-code)[«Открытие кодового пространства» ранее VS Code](#opening-a-codespace-in-vs-code) в этой статье.

## Дополнительные материалы

* [Использование палитры команд Visual Studio Code в GitHub Codespaces](/ru/codespaces/reference/using-the-vs-code-command-palette-in-codespaces)
* [Использование GitHub Copilot в GitHub Codespaces](/ru/codespaces/reference/using-github-copilot-in-github-codespaces)