Skip to main content
Мы публикуем частые обновления нашей документации, и перевод этой страницы, возможно, еще выполняется. Актуальные сведения см. в документации на английском языке.

Использование GitHub Codespaces в Visual Studio Code

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

Сведения о GitHub Codespaces в Visual Studio Code

Локальная установка Visual Studio Code позволяет создавать кодовыми пространства, управлять ими, работать в таких пространствах и удалять их. Чтобы использовать GitHub Codespaces в VS Code, необходимо установить расширение Codespaces. Дополнительные сведения о настройке GitHub Codespaces в VS Code см. в разделе Предварительные требования.

По умолчанию при создании нового кодовое пространства в GitHub.com оно открывается в браузере. Если вы хотите, чтобы новые кодовые пространства автоматически открывались в VS Code, выберите VS Code как редактор по умолчанию. Дополнительные сведения см. в разделе Настройка редактора по умолчанию для GitHub Codespaces.

Если вы предпочитаете работать в браузере, но хотите и дальше использовать существующие расширения, темы и ярлыки VS Code, можно включить синхронизацию параметров. Дополнительные сведения см. в разделе Персонализация GitHub Codespaces для вашей учетной записи.

Предварительные требования

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

Используйте Visual Studio Code Marketplace для установки расширения GitHub Codespaces. Дополнительные сведения см. в разделе Магазин расширений в документации по VS Code.

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

    Значок удаленного обозревателя в Visual Studio Code

    Примечание. Если удаленный обозреватель не отображается на панели действий:

    1. Откройте палитру команд. Например, нажмите клавиши SHIFT+COMMAND+P (Mac) или CTRL+SHIFT+P (Windows/Linux).
    2. Введите codespaces.
    3. Щелкните Codespaces: сведения.
  2. Щелкните Войти в GitHub....

    Вход в GitHub Codespaces

  3. Чтобы разрешить VS Code доступ к вашей учетной записи в GitHub, нажмите Разрешить.

  4. Войдите в GitHub и утвердите расширение.

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

    Значок удаленного обозревателя в Visual Studio Code

    Примечание. Если удаленный обозреватель не отображается на панели действий:

    1. Откройте палитру команд. Например, нажмите клавиши SHIFT+COMMAND+P (Mac) или CTRL+SHIFT+P (Windows/Linux).
    2. Введите codespaces.
    3. Щелкните Codespaces: сведения.
  2. В раскрывающемся меню "УДАЛЕННЫЙ ОБОЗРЕВАТЕЛЬ" выберите GitHub Codespaces .

    Заголовок GitHub Codespaces

  3. Щелкните Войти, чтобы просмотреть Codespaces.

    Вход для просмотра GitHub Codespaces

  4. Чтобы разрешить VS Code доступ к вашей учетной записи в GitHub, нажмите Разрешить.

  5. Войдите в GitHub и утвердите расширение.

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

После подключения учетной записи в GitHub.com к расширению GitHub Codespaces можно создать новое codespace. Дополнительные сведения о расширении GitHub Codespaces см. в VS Code Marketplace.

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

    Значок удаленного обозревателя в Visual Studio Code

    Примечание. Если удаленный обозреватель не отображается на панели действий:

    1. Откройте палитру команд. Например, нажмите клавиши SHIFT+COMMAND+P (Mac) или CTRL+SHIFT+P (Windows/Linux).
    2. Введите codespaces.
    3. Щелкните Codespaces: сведения.
  2. Щелкните значок "Добавить": .

    Параметр Create new Codespace in GitHub Codespaces

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

    Поиск репозитория для создания нового пространства кода

    Если выбранный репозиторий принадлежит организации и организация настроила codespaces для этого репозитория, который будет оплачиваться для организации или ее родительского предприятия, в последующих запросах будет отображаться сообщение о том, кто будет платить за codespace.

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

    Поиск ветви для создания нового codespace

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

    Выбор файла конфигурации контейнера разработки для GitHub Codespaces

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

    Типы экземпляров для нового пространства кода

    Примечание. Выбор доступных типов компьютеров может быть ограничен рядом факторов. К ним может относиться политика, настроенная для вашей организации, или минимальная спецификация типа компьютера для репозитория. Дополнительные сведения см. в разделах Ограничение доступа к типам компьютеров и Задание минимальной спецификации для компьютеров codespace.

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

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

    Значок удаленного обозревателя в Visual Studio Code

    Примечание. Если удаленный обозреватель не отображается на панели действий:

    1. Откройте палитру команд. Например, нажмите клавиши SHIFT+COMMAND+P (Mac) или CTRL+SHIFT+P (Windows/Linux).
    2. Введите codespaces.
    3. Щелкните Codespaces: сведения.
  2. В разделе "Кодовые пространства" щелкните правой кнопкой мыши кодовое пространство, в котором вы хотите заняться разработкой.

  3. Нажмите на значок "Подключение к кодовому пространству".

    Значок "Подключение к кодовому пространству" в VS Code

Изменение типа компьютера в VS Code

Как правило, codespace можно запускать на нескольких типах удаленных компьютеров. Эти типы машин предлагают выбор спецификаций оборудования в диапазоне от 2 до 32 ядер, хотя полный спектр типов компьютеров может быть не всегда доступен. Каждый тип компьютера имеет свой уровень ресурсов и уровень выставления счетов. Дополнительные сведения см. в статье Сведения о выставлении счетов за GitHub Codespaces.

По умолчанию тип компьютера с наименьшими допустимыми ресурсами используется при создании codespace. Тип компьютера для кодового пространства можно изменить в любой момент.

Примечание. Выбор доступных типов компьютеров может быть ограничен рядом факторов. К ним может относиться политика, настроенная для вашей организации, или минимальная спецификация типа компьютера для репозитория. Дополнительные сведения см. в разделах Ограничение доступа к типам компьютеров и Задание минимальной спецификации для компьютеров codespace.

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

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

    Поиск ветви для создания нового кодового пространства Codespaces

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

    Поиск ветви для создания нового кодового пространства Codespaces

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

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

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

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

Если вы перешли на виртуальную машину с той же емкостью хранилища, это изменение будет применено при следующем перезапуске codespace. Активное codespace не будет остановлено автоматически. Дополнительные сведения о перезапуске codespace см. в разделе Остановка и запуск codespace.

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

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

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

    Значок удаленного обозревателя в Visual Studio Code

    Примечание. Если удаленный обозреватель не отображается на панели действий:

    1. Откройте палитру команд. Например, нажмите клавиши SHIFT+COMMAND+P (Mac) или CTRL+SHIFT+P (Windows/Linux).
    2. Введите codespaces.
    3. Щелкните Codespaces: сведения.
  2. В разделе "GITHUB CODESPACES" щелкните правой кнопкой мыши среду codespace, которую хотите удалить.

  3. Нажмите кнопку Удалить codespace.

    Удаление кодового пространства в GitHub

Переключение на сборку участников программы предварительной оценки в VS Code

Вы можете использовать сборку участников программы предварительной оценки VS Code в GitHub Codespaces.

  1. В левом нижнем углу окна GitHub Codespaces выберите Параметры.

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

    Щелкните "Сборка участников программы предварительной оценки" в GitHub Codespaces

  3. После выбора GitHub Codespaces продолжит открываться в версии участников программы предварительной оценки.

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