Thanks to visit codestin.com
Credit goes to docs.github.com

Skip to main content

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

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

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

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

  • Командная оболочка с помощью подключения SSH, инициированного с помощью GitHub CLI
  • Классическое приложение Visual Studio Code
  • Версия на основе браузера Visual Studio Code

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

Работа в пространстве кода в браузере

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

Снимок экрана: пять основных компонентов пользовательского интерфейса: боковая панель, панель действий, редактор, панели состояния, панели состояния.

Основными компонентами пользовательского интерфейса являются:

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

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

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

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

Вы можете использовать репозиторий [dotfiles и синхронизацию параметров для персонализации аспектов](https://dotfiles.github.io/tutorials/) среды пространства кода для любого создаваемого пространства кода. Персонализация может включать параметры оболочки и дополнительные средства. Дополнительные сведения см. в разделе Персонализация GitHub Codespaces для вашего аккаунта.

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

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

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

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

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

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

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

Visual Studio Code Command Palette позволяет получать доступ ко многим функциям для Codespaces и Visual Studio Code. Дополнительные сведения см. в разделе Использование палитры команд Visual Studio Code в GitHub Codespaces.

Переход к существующему codespace

  1. Вы можете увидеть все доступные пространства кода, созданные на странице "Ваши пространства кода". Чтобы отобразить эту страницу, в левом верхнем углу GitHubвыберите , а затем выберите Codespaces. Это позволит вам github.com/codespaces.

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

    Снимок экрана: список трех пространств кода на https://github.com/codespaces странице.

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

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

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

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

Снимок экрана: пять основных компонентов пользовательского интерфейса: боковая панель, панель действий, редактор, панели состояния, панели состояния.

Основными компонентами пользовательского интерфейса являются:

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

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

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

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

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

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

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

Вы можете использовать репозиторий [dotfiles и синхронизацию параметров для персонализации аспектов](https://dotfiles.github.io/tutorials/) среды пространства кода для любого создаваемого пространства кода. Персонализация может включать параметры оболочки и дополнительные средства. Дополнительные сведения см. в разделе Персонализация GitHub Codespaces для вашего аккаунта.

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

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

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

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

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

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

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

Visual Studio Code Command Palette позволяет получать доступ ко многим функциям для Codespaces и Visual Studio Code. Дополнительные сведения см. в разделе Использование палитры команд Visual Studio Code в GitHub Codespaces.

Переход к существующему codespace

  1. Вы можете увидеть все доступные пространства кода, созданные на странице "Ваши пространства кода". Чтобы отобразить эту страницу, в левом верхнем углу GitHubвыберите , а затем выберите Codespaces. Это позволит вам github.com/codespaces.

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

    Снимок экрана: список трех пространств кода на https://github.com/codespaces странице.

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

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

Работа в пространстве кода в командной оболочке

Примечание.

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

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

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

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