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

Разработка в codespace

Вы можете работать в codespace с помощью браузера, Visual Studio Code, интегрированной среды разработки JetBrains или в командной оболочке.

Примечание. Использование GitHub Codespaces с ИНДЕ JetBrains в настоящее время находится в общедоступной бета-версии и может быть изменено.

Сведения о разработке с помощью GitHub Codespaces

Вы можете разрабатывать код в codespace с помощью выбранного средства:

  • Командная оболочка через SSH-подключение, инициированное с помощью GitHub CLI.
  • Одно из URI JetBrains через шлюз JetBrains.
  • Классическое приложение Visual Studio Code.
  • Браузерная версия Visual Studio Code.

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

Работа в codespace в браузере

Использование Codespaces в браузере обеспечивает полнофункциональный интерфейс разработки. Вы можете изменять код, выполнять отладку, использовать команды Git и запускать приложение.

Снимок экрана с заметками codespace в браузере

  1. Боковая панель . По умолчанию в этой области отображаются файлы проекта в проводнике.
  2. Панель действий — отображает представления и предоставляет способ переключения между ними. Вы можете изменить порядок представлений путем их перетаскивания.
  3. Редактор — здесь можно редактировать файлы. Вы можете щелкнуть правой кнопкой мыши вкладку файла, чтобы получить доступ к таким параметрам, как поиск файла в проводнике.
  4. Панели . Здесь можно просмотреть выходные и отладочные сведения, а также место по умолчанию для интегрированного терминала.
  5. Строка состояния . Эта область содержит полезные сведения о codespace и проекте. Например, это имя ветви, настроенные порты и многое другое. Для оптимальной работы с GitHub Codespaces рекомендуется использовать браузер на основе Chromium, например Google Chrome или Microsoft Edge. Дополнительные сведения см. в разделе Устранение неполадок клиентов GitHub Codespaces.

Настройка codespace для репозитория

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

Персонализация codespace

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

Запуск приложения из codespace

Можно перенаправить порты в codespace для тестирования и отладки приложения. Можно также управлять протоколом портов и предоставлять доступ к порту в организации или общий доступ. Дополнительные сведения см. в статье Переадресация портов в codespace.

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

После внесения изменений в codespace (новый код или изменения конфигурации) вы захотите зафиксировать изменения. Фиксация изменений конфигурации в репозитории гарантирует, что любой другой пользователь, создающий codespace из этого репозитория, имеет такую же конфигурацию. Любые настройки, такие как добавление расширений VS Code, будут доступны всем пользователям.

В этом руководстве вы создали codespace из репозитория шаблонов, поэтому код в codespace еще не хранится в репозитории. Вы можете создать репозиторий, опубликовав текущую ветвь в GitHub.com.

Дополнительные сведения см. в разделе Использование системы управления версиями в codespace.

Использование Visual Studio Code Command Palette

Visual Studio Code Command Palette позволяет получать доступ к различным функциям Codespaces и Visual Studio Code и управлять ими. Дополнительные сведения см. в разделе Использование Visual Studio Code Command Palette в Codespaces. ## Переход к существующему codespace

  1. Все доступные среды codespace, созданные вами, можно просмотреть на github.com/codespaces.

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

    Снимок экрана: кодовые пространства, перечисленные на странице "Ваши codespaces"

Кроме того, вы можете просмотреть любое пространство кода для определенного репозитория, перейдя в этот репозиторий и выбрав код . В раскрывающемся меню отображаются все активные codespace для репозитория.

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

Работа в пространстве кода в VS Code

GitHub Codespaces обеспечивает полную разработку Visual Studio Code. Можно изменять код, отлаживать его и использовать команды Git при разработке в codespace с помощью VS Code. Дополнительные сведения см. в документации по VS Code.

Снимок экрана с заметками codespace в VS Code

  1. Боковая панель . По умолчанию в этой области отображаются файлы проекта в проводнике.
  2. Панель действий — отображает представления и предоставляет способ переключения между ними. Вы можете изменить порядок представлений путем их перетаскивания.
  3. Редактор — здесь можно редактировать файлы. Вы можете щелкнуть правой кнопкой мыши вкладку файла, чтобы получить доступ к таким параметрам, как поиск файла в проводнике.
  4. Панели . Здесь можно просмотреть выходные и отладочные сведения, а также место по умолчанию для интегрированного терминала.
  5. Строка состояния . Эта область содержит полезные сведения о codespace и проекте. Например, это имя ветви, настроенные порты и многое другое.

Дополнительные сведения об использовании VS Code см. в руководстве по пользовательскому интерфейсу в документации по VS Code.

Можно подключиться к codespace непосредственно из VS Code. Дополнительные сведения см. в разделе Использование Codespace в VS Code.

Сведения об устранении неполадок см. в разделе Устранение неполадок клиентов Codespaces.

Настройка codespace для репозитория

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

Персонализация codespace

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

Запуск приложения из codespace

Можно перенаправить порты в codespace для тестирования и отладки приложения. Можно также управлять протоколом портов и предоставлять доступ к порту в организации или общий доступ. Дополнительные сведения см. в статье Переадресация портов в codespace.

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

После внесения изменений в codespace (новый код или изменения конфигурации) вы захотите зафиксировать изменения. Фиксация изменений конфигурации в репозитории гарантирует, что любой другой пользователь, создающий codespace из этого репозитория, имеет такую же конфигурацию. Любые настройки, такие как добавление расширений VS Code, будут доступны всем пользователям.

В этом руководстве вы создали codespace из репозитория шаблонов, поэтому код в codespace еще не хранится в репозитории. Вы можете создать репозиторий, опубликовав текущую ветвь в GitHub.com.

Дополнительные сведения см. в разделе Использование системы управления версиями в codespace.

Использование Visual Studio Code Command Palette

Visual Studio Code Command Palette позволяет получать доступ к различным функциям Codespaces и Visual Studio Code и управлять ими. Дополнительные сведения см. в разделе Использование Visual Studio Code Command Palette в Codespaces. ## Переход к существующему codespace

  1. Все доступные среды codespace, созданные вами, можно просмотреть на github.com/codespaces.

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

    Снимок экрана: кодовые пространства, перечисленные на странице "Ваши codespaces"

Кроме того, вы можете просмотреть любое пространство кода для определенного репозитория, перейдя в этот репозиторий и выбрав код . В раскрывающемся меню отображаются все активные codespace для репозитория.

Вкладки в этой статье позволяют переключаться между сведениями для каждого из этих способов работы. В настоящее время вы находитесь на вкладке для ИНДЕ JetBrains.

Работа в codespace в интегрированной среде разработки JetBrains

Чтобы использовать GitHub Codespaces с интегрированной среды разработки JetBrains, необходимо уже установить шлюз JetBrains. Сведения об установке Шлюза JetBrains см. на веб-сайте JetBrains.

Вы можете работать в codespace с помощью выбранной вами интегрированной среды разработки JetBrains. После создания codespace можно использовать приложение Шлюза JetBrains, чтобы открыть codespace в предпочитаемой интегрированной среде разработки.

Вы можете изменять код, отлаживать и использовать команды Git при разработке в codespace с помощью интегрированной среды разработки JetBrains. Дополнительные сведения о различных URI JetBrains см. в документации по JetBrains.

Пользовательский интерфейс IntelliJ IDEA

В документации по GitHub Codespaces мы используем IntelliJ IDEA в качестве репрезентативной интегрированной среды разработки JetBrains. Разные URI JetBrains могут иметь разные макеты.

Снимок экрана с заметками: codespace в JetBrains IntelliJ IDEA

  1. Панель навигации — отображает путь к выбранному файлу или каталогу. Используйте кнопки справа от панели навигации для выполнения различных действий, включая сборку, запуск или отладку проекта или выполнение команд Git для фиксации и отправки изменений.
  2. Окно инструментов проектов — отображает структуру проекта и позволяет открывать файлы в редакторе.
  3. Окно инструментов GitHub Codespaces — для этого щелкните подключаемый модуль GitHub Codespaces на панели слева от окна инструментов. В нем отображаются сведения о codespace, включая отображаемое имя и тип компьютера. Кнопки в верхней части этого окна инструментов позволяют:
    • Остановка codespace и отключение
    • Отображение веб-страницы "Ваши codespaces"
    • Просмотр журналов создания codespace
    • Перестроение контейнера разработки
  4. Редактор . Здесь можно редактировать файлы. Вы можете щелкнуть правой кнопкой мыши вкладку для файла, чтобы получить доступ к таким параметрам, как перемещение вкладки в новое окно.
  5. Терминал . Для этого щелкните Терминал на панели инструментов в нижней части главного окна (над строкой состояния). Встроенный терминал позволяет выполнять задачи командной строки без необходимости переключения на выделенное приложение терминала.
  6. Строка состояния — наведите указатель мыши на значок в левой части строки состояния, чтобы просмотреть список инструментов. Щелкните значок, чтобы скрыть или отобразить панели окна инструментов. В правой части строки состояния отображаются сведения о проекте, включая текущую ветвь Git.

Дополнительные сведения о пользовательском интерфейсе IntelliJ IDEA см. в документации по JetBrains для IntelliJ IDEA.

Настройка codespace для репозитория

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

Персонализация codespace

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

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

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

Дополнительные сведения см. в статье Использование системы управления версиями в кодовом пространстве.

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

Вкладки в этой статье позволяют переключаться между сведениями для каждого из этих способов работы. В настоящее время вы находитесь на вкладке GitHub CLI.

Работа в codespace в командной оболочке

Дополнительные сведения о GitHub CLI см. в статье Сведения о GitHub CLI.

Вы можете использовать GitHub CLI, чтобы создать новое codespace или запустить существующее codespace, а затем использовать SSH для него. После подключения вы можете работать с командной строкой с помощью предпочитаемых программ командной строки.

После установки GitHub CLI и проверки подлинности с помощью учетной записи GitHub можно использовать команду gh codespace [<SUBCOMMAND>...] --help для просмотра справочных сведений. Кроме того, вы можете просмотреть те же справочные сведения по адресу https://cli.github.com/manual/gh_codespace.

Дополнительные сведения см. в разделе Использование GitHub Codespaces с GitHub CLI.