Publicamos atualizações frequentes em nossa documentação, e a tradução desta página ainda pode estar em andamento. Para obter as informações mais recentes, acesse a documentação em inglês. Se houver problemas com a tradução desta página, entre em contato conosco.

Desenvolver em um codespace

Você pode abrir um codespace em GitHub e, em seguida, desenvolver usando os recursos do Visual Studio Code.

Qualquer pessoa pode desenvolver um codespace que pertence à sua conta de usuário.

Os espaços de códigos estão disponíveis para contas de usuário usando GitHub Free ou GitHub Pro. Para obter mais informações, consulte "produtos de GitHub

Neste artigo

Esse documento ajudou você?

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.

Observação: Codespaces está atualmente em versão beta pública limitada e sujeito a alterações. Durante o período beta, GitHub não faz nenhuma garantia sobre a disponibilidade de Codespaces. Para obter mais informações sobre fontes de publicação, consulte "About Codespaces."

Você pode editar código, depurar e usar comandos do Git ao mesmo tempo que faz o desenvolvimento em um codespace com Visual Studio Code. For more information, see the Visual Studio Code documentation.

Para a melhor experiência com Codespaces, recomendamos o uso de um navegador baseado no Chromium, como o Google Chrome ou a Microsoft Edge. Para obter mais informações, consulte "Solucionar problemas do seu codespace".

Conectando-se a um codespace de Visual Studio Code

Você pode se conectar ao seu código diretamente de Visual Studio Code. Para obter mais informações, consulte "Usar codespaces no Visual Studio Code".

  1. Na parte superior da página, clique em Codespaces.
    Codespaces link no cabeçalho
  2. Clique no nome do codespace em que você deseja desenvolver.
    Nome do codespace

Encaminhando portas

O redirecionamento de porta dá acesso a portas TCP que estão em execução no seu codespace. Por exemplo, se você estiver executando um aplicativo web na porta 3000, você pode acessá-lo a partir do seu navegador para testá-lo e depurá-lo.

Quando um aplicativo que se executa dentro de um codespace tem uma saída na porta para o console, o Codespaces detecta o padrão do URL do localhost e encaminha essas portas automaticamente . Você pode clicar na URL no terminal para abri-la em um navegador. Por exemplo, se um aplicativo gerar http://127.0.0.:3000 ou http://localhost:3000 para o console, o registro irá converter automaticamente a saída em uma URL para a porta 3000 em que se pode clicar.

Encaminhamento automático da porta

Como alternativa, você também pode usar qualquer uma das seguintes maneiras para encaminhar uma porta.

  • Você pode encaminhar uma porta sob demanda acionando a paleta de comandos (shift control P / shift control P) e digitando "Codespaces: Porta de Encaminhamento". Em seguida, você pode digitar o número da porta que deseja encaminhar.

    Paleta de comando para o encaminhamento de portas

  • Você pode configurar automaticamente as portas encaminhadas em um arquivo .devcontainer.json usando a propriedade forwardPorts.

  • Você pode adicionar ou remover portas encaminhadas dentro da extensão do Explorador remoto. A partir do Explorador Remoto você pode copiar e colar os links para portas encaminhadas, o que permite que você os acesse por meio do seu navegador.

    Encaminhamento de portas para o Explorador Remoto

Esse documento ajudou você?

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.