Использование VS Code для Интернета из GitHub

Вы можете открыть репозиторий или запрос VS Code for the Web на вытягивание непосредственно из GitHub кода, редактирования файлов и фиксации изменений.

В этой статье

Примечание.

Открытие репозитория github.dev при открытии откроется в VS Code for the Webбраузерной версии VS Code. Дополнительные сведения см VS Code for the Web . в VS Code документации.

Около VS Code for the Web

VS Code for the Web — это упрощенный интерфейс редактирования, который полностью выполняется в браузере. С VS Code for the Webпомощью можно перемещать файлы и репозитории исходного кода из GitHub, а также вносить и фиксировать изменения кода. В редакторе можно открыть любой репозиторий, вилку или запрос на вытягивание.

VS Code for the Web доступен для всех бесплатно GitHub.com.

VS Code for the Web предоставляет множество преимуществ Visual Studio Code, таких как поиск, выделение синтаксиса и представление системы управления версиями. Вы также можете использовать синхронизацию параметров для совместного использования собственных VS Code параметров с редактором. См. раздел "Синхронизация параметров " в VS Code документации.

VS Code for the Web выполняется полностью в песочнице браузера. Редактор не клонирует репозиторий, а использует расширение GitHub Repositories для выполнения большинства функций, которые вы будете использовать. Ваша работа сохраняется в локальном хранилище браузера, пока вы не выполните фиксацию. Вам нужно регулярно фиксировать изменения, чтобы они были доступны в репозитории.

Для использования GitHubнеобходимо выполнить VS Code for the Web вход.

Открытие VS Code for the Web из GitHub

Любой GitHub репозиторий можно открыть любым VS Code for the Web из следующих способов:

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

    Чтобы открыть репозиторий на новой вкладке браузера, нажмите клавишу >.

  • В URL-адресе вместо "github.com" укажите "github.dev".

  • При просмотре файла выберите раскрывающееся меню и щелкните github.dev.

    Снимок экрана: раскрывающееся меню для значка редактирования. Параметр "github.dev" выделен темно-оранжевым контуром.

Codespaces и VS Code for the Web.

Оба VS Code for the Web и GitHub Codespaces позволяют редактировать код прямо из репозитория. Но они предоставляют немного разные преимущества, в зависимости от варианта использования.

VS Code for the WebGitHub Codespaces
CostБесплатный.Бесплатная ежемесячная квота использования для личная учетная запись см. в разделе Биллинг GitHub Codespaces.
AvailabilityДоступно для всех GitHub.comпользователей.Доступно для всех GitHub.comпользователей.
ЗапускVS Code for the Web открывается мгновенно с помощью нажатия клавиши, и вы можете начать использовать его сразу, не ожидая дополнительной настройки или установки.При создании или возобновлении пространства кода потребуются настройка виртуальной машины и контейнера на основе содержимого файла devcontainer.json. Для этого нужно настроить среду, что занимает несколько минут. См . раздел AUTOTITLE.
ВычислениеНет связанных вычислений, поэтому вы не сможете создавать и запускать код или использовать интегрированный терминал.При этом GitHub Codespacesвы получаете возможность выделенной виртуальной машины, на которой можно запускать и отлаживать приложение, и вы можете использовать терминал точно так же, как и в локальной среде.
РасширенияВ представлении расширений появится только подмножество расширений, которые могут выполняться в Интернете. См. раздел "Использование расширений".С помощью GitHub Codespacesэтого параметра можно использовать большинство расширений Visual Studio Code Marketplaceиз .

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

При использовании VS Code for the Webвсе действия управляются с помощью представления "Управление версиями", которое находится в панели действий слева. Дополнительные сведения о представлении "Управление версиями" см. в VS Code документации по управлению версиями.

Так как VS Code for the Web использует расширение GitHub Репозитории для работы с его функциональными возможностями, вы можете переключать ветви без необходимости вносить изменения. См. GitHub репозитории в VS Code документации.

создать новую ветвь.

  1. Если текущая ветвь не отображается в строке состояния, в нижней части кодового пространства щелкните строку состояния правой кнопкой мыши и выберите Управление версиями.

  2. Выберите имя ветви в строке состояния.

    Снимок экрана: имя ветви, отображаемое в строке состояния VS Code.

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

    Снимок экрана: раскрывающийся список для создания новой ветви в VS Code. Любые незафиксированные изменения, внесенные в старую ветвь, будут доступны в новой ветви.

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

  1. На панели действий щелкните представление Система управления версиями.

    Снимок экрана: панель действий VS Code с кнопкой управления версиями, помеченная значком ветви, выделенной оранжевым контуром.

  2. Чтобы выполнить изменения, щелкните рядом с измененным файлом или рядом с изменениями , если вы изменили несколько файлов и хотите выполнить их все.

    Снимок экрана: боковая панель "Управление версиями" с промежуточной кнопкой (знак плюса) справа от "Изменения", выделенная темно-оранжевым контуром.

  3. В текстовом поле введите сообщение фиксации, описывающее внесенные изменения.

    Снимок экрана боковой панели "Управление версиями" с сообщением фиксации, введенным в текстовое поле над кнопкой "Фиксация".

  4. Нажмите Зафиксировать и Отправить.

    Изменения автоматически отправляются в ветвь GitHub.

Создание запроса на вытягивание

  1. После фиксации изменений в локальной копии репозитория щелкните значок запроса на вытягивание в верхней части боковой панели управления версиями.

    Снимок экрана: верхняя часть боковой панели "Управление версиями". Значок запроса на вытягивание выделен темно-оранжевым контуром.

  2. Убедитесь в том, что локальная ветвь и репозиторий, из которых выполняется слияние, а также удаленная ветвь и репозиторий, с которыми выполняется слияние, выбраны правильно. Затем задайте для запроса на вытягивание название и описание.

    Снимок экрана: боковая панель "GitHub Запрос на вытягивание" с формой для создания запроса на вытягивание, включая поля Title и Description.

  3. Нажмите кнопку Создать.

Работа с существующим запросом на вытягивание

Вы можете использовать VS Code for the Web для работы с существующим запросом на вытягивание.

  1. Перейдите к запросу на вытягивание, в VS Code for the Webкоторый вы хотите открыть.
  2. Нажмите, . чтобы открыть запрос VS Code for the Webна вытягивание.
  3. Внесите нужные изменения и зафиксируйте их, выполнив действия, описанные в разделе Фиксация изменений. Все изменения будут сразу зафиксированы в выбранной ветви, их не нужно дополнительно отправлять.

Применение расширений

VS Code for the Web поддерживает VS Code расширения, которые были специально созданы или обновлены для запуска в Интернете. Такие расширения называются "веб-расширениями". Сведения о том, как создать веб-расширение или обновить существующее расширение для работы с Интернетом, см. в VS Code документации по веб-расширениям.

Расширения, которые могут выполняться, VS Code for the Web будут отображаться в представлении расширений и могут быть установлены. При использовании синхронизации параметров автоматически устанавливаются и все совместимые расширения. Дополнительные сведения см. в разделе "Синхронизация параметров " в VS Code документации.