Usar espaços de código no Visual Studio Code

Você pode desenvolver seu codespace diretamente em Visual Studio Code, conectando a extensão de GitHub Codespaces à sua conta no GitHub.

Codespaces is available for organizations using GitHub Team or GitHub Enterprise Cloud. Para obter mais informações, consulte os "produtos do GitHub".

Sobre Codespaces em Visual Studio Code

Você pode usar sua instalação local de Visual Studio Code para criar, gerenciar, trabalhar e excluir codespaces. Para usar Codespaces em Visual Studio Code, você deverá instalar a extensão de GitHub Codespaces. Para obter mais informações sobre a configuração de codespaces em Visual Studio Code, consulte "pré-requisitos".

Por padrão, se você criar um novo codespace em GitHub.com, ele será aberto no navegador. Se você preferir abrir qualquer codespace novo em Visual Studio Code automaticamente, você pode definir seu editor padrão como Visual Studio Code. Para obter mais informações, consulte "Definindo seu editor padrão para Codespaces".

Se você preferir trabalhar no navegador, mas deseja continuar usando suas extensões de Visual Studio Code temas e atalhos existentes, você poderá ativar as Configurações Sincronizadas. Para obter mais informações, consulte "Personalizar Codespaces para sua conta".

Pré-requisitos

Para desenvolver-se em uma plataforma de codespace diretamente em Visual Studio Code, você deverá instalar e efetuar o login na extensão GitHub Codespaces com as suas credenciais de GitHub. A extensão de GitHub Codespaces exige a versão de outubro de 2020 1.51 ou posterior de Visual Studio Code.

Use o Visual Studio Marketplace para instalar a extensão GitHub Codespaces. Para obter mais informações, consulte Extensão do Marketplace na documentação do Visual Studio Code.

  1. Em Visual Studio Code, na barra lateral esquerda, clique no ícone Remote Explorer. O ícone do Remote Explorer em Visual Studio Code

  2. Clique em Iniciar sessão para visualizar GitHub....

    Registrar-se para visualizar Codespaces

  3. Para autorizar o Visual Studio Code a acessar sua conta no GitHub, clique em Permitir.

  4. Registre-se e, GitHub para aprovar a extensão.

  1. Em Visual Studio Code, na barra lateral esquerda, clique no ícone Remote Explorer. O ícone do Remote Explorer em Visual Studio Code

  2. Utilize o menu suspenso "EXPLORADOR REMOTO" e clique em GitHub Codespaces.

    Cabeçalho do Codespaces

  3. Clique em Iniciar sessão para visualizar Codespaces....

    Registrar-se para visualizar Codespaces

  4. Para autorizar o Visual Studio Code a acessar sua conta no GitHub, clique em Permitir.

  5. Registre-se e, GitHub para aprovar a extensão.

Criar um codespace em Visual Studio Code

After you connect your account on GitHub.com to the GitHub Codespaces extension, you can create a new codespace.

  1. Em Visual Studio Code, na barra lateral esquerda, clique no ícone Remote Explorer. O ícone do Remote Explorer em Visual Studio Code

  2. Clique no ícone Adicionar e, em seguida, clique em Criar novo codespace.

    A opção "Criar novo codespace" em Codespaces

  3. Digite e, em seguida, clique no nome do repositório no qual você deseja desenvolver.

    Pesquisar um repositório para criar um novo Codespaces

  4. Clique no branch que você deseja desenvolver.

    Pesquisar um branch para criar um novo Codespaces

  5. Clique no tipo de máquina na qual você deseja desenvolver.

    Tipos de instância para um novo Codespaces

    Note: Your choice of available machine types may be limited by a policy configured for your organization, or by a minimum machine type specification for your repository. For more information, see "Restricting access to machine types" and "Setting a minimum specification for codespace machines."

Abrir um codespace em Visual Studio Code

  1. Em Visual Studio Code, na barra lateral esquerda, clique no ícone Remote Explorer. O ícone do Remote Explorer em Visual Studio Code

  2. Em "Codedespaces", clique no código que você deseja desenvolver.

  3. Clique no ícone Conectar-se ao Codespace.

    Ícone de conectar-se a um Codespace em Visual Studio Code

Alterar o tipo da máquina em Visual Studio Code

You can run your codespace on a choice of remote machine, from 2 cores to 32 cores. Cada uma delas tem um nível diferente de recursos e uma camada diferente de cobrança. For information, see "About billing for Codespaces."

Você pode alterar o tipo de máquina do seu codespace a qualquer momento.

  1. Em Visual Studio Code, abra a Paleta de Comando (shift comando P / shift control P).

  2. Pesquise e selecione "Codespaces: Alterar tipo de máquina."

    Pesquisar um branch para criar um novo Codespaces

  3. Clique no codespace que você deseja alterar.

    Pesquisar um branch para criar um novo Codespaces

  4. Escolha o tipo de máquina que você quer usar.

    Note: Your choice of available machine types may be limited by a policy configured for your organization, or by a minimum machine type specification for your repository. For more information, see "Restricting access to machine types" and "Setting a minimum specification for codespace machines."

  5. Se o codespace estiver sendo executado, será exibida uma mensagem perguntando se você deseja reiniciar e reconectar-se ao seu codespace agora.

    Clique em Sim se desejar mudar o tipo de máquina utilizado para este codespace imediatamente.

    Se você clicar em Não, ou se o código não estiver em execução, a alteração entrará em vigor na próxima vez que o codespace for reiniciado.

Excluir um codespace em Visual Studio Code

  1. Em Visual Studio Code, na barra lateral esquerda, clique no ícone Remote Explorer. O ícone do Remote Explorer em Visual Studio Code

  2. Em "Codedespaces", clique com o botão direito no código que você deseja excluir.

  3. No menu suspenso, clique em Excluir o codespace.

    Excluir um codespace em GitHub

Alternando para a compilação de Insiders de Visual Studio Code

Você pode usar o Insiders Build do Visual Studio Code em Codespaces.

  1. Na parte inferior esquerda da sua janela Codespaces, selecione Configurações de .

  2. Na lista, selecione "Alternar para Versão de Insiders".

    Clicando em "Insiders Build" em Codespaces

  3. Uma vez selecionado, Codespaces continuará a abrir na Versão do Insiders.

Esse documento ajudou você?

Política de Privacidade

Ajude-nos a tornar esses documentos ótimos!

Todos os documentos do GitHub são de código aberto. Você percebeu que algo que está errado ou não está claro? Envie um pull request.

Faça uma contribuição

Ou, aprenda como contribuir.