The Wayback Machine - https://web.archive.org/web/20230114034827/https://docs.github.com/ru/codespaces/developing-in-codespaces/using-github-codespaces-in-visual-studio-code
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 можно создать новое пространство кода. Дополнительные сведения о расширении 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. Щелкните ветвь, в которой нужно выполнить разработку.

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

  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 откройте палитру команд с помощью клавиши Command+Shift+P (Mac) или CTRL+SHIFT+P (Windows/Linux).

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

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

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

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

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

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

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

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

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

Удаление кодового пространства в 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 продолжит открываться в версии участников программы предварительной оценки.

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