Skip to main content

Desenvolver em um codespace

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

You can develop in codespaces you've created for repositories owned by organizations using GitHub Team and GitHub Enterprise Cloud.

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

Sobre o desenvolvimento com Codespaces

Codespaces fornece a você a experiência completa de desenvolvimento de Visual Studio Code. Você pode editar código, depurar e usar comandos do Git ao mesmo tempo que faz o desenvolvimento em um codespace com VS Code. For more information, see the VS Code documentation.

To get started with Codespaces, see "Quickstart for Codespaces." To learn more about how Codespaces works, see "Deep dive into Codespaces."

Visão geral do codespace com anotações

  1. Barra lateral - Por padrão, esta área mostra os arquivos do seu projeto no Explorador.
  2. Barra de Atividades - Exibe a visualização e fornece uma maneira de alternar entre elas. Você pode reordenar as Visualizações arrastando e soltando-as.
  3. Editor - É aqui que você edita seus arquivos. Você pode usar a aba para cada editor para posicioná-lo exatamente onde você precisa.
  4. Painéis - É aqui que você pode visualizar as informações de saída e depuração, bem como o local padrão para o Terminal integrado.
  5. Barra de Status - Esta área fornece informações úteis sobre seu codespace e projeto. Por exemplo, o nome da agência, portas configuradas e muito mais.

Para obter mais informações sobre como usar VS Code, consulte o Guia da Interface do Usuário na documentação de VS Code

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

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 "Solução de problemas de codespaces".

Personalizando seu codespace

Você também pode usar um repositório dotfiles e Sincronização de Configurações para personalizar os aspectos do ambiente de código para qualquer código que você criar. A personalização pode incluir preferências de shell e ferramentas adicionais. Para obter mais informações, consulte "Personalizar Codespaces para sua conta".

Depois da configuração de Codespaces de um repositório, é possível aplicar as alterações de um codespace existente remontando o contêiner do codespace. Para obter mais informações, consulte "Configurar o Codespaces para o seu projeto".

Executando seu aplicativo a partir de um codespace

Você pode encaminhar portas no seu código para testar e depurar seu aplicativo. You can also manage the port protocol and share the port within your organization or publicly. Para obter mais informações, consulte "Encaminhar portas no seu codespace".

Fazendo commit das suas alterações

Depois de realizar alterações no seu código, tanto novo código como de configuração, você deverá fazer commit das suas alterações. O commit das alterações no seu repositório garante que qualquer pessoa que crie um codespace deste repositório tenha a mesma configuração. Isto também significa que qualquer personalização que você faça, como adicionar extensões deVS Code, aparecerá para todos os usuários.

Para obter informações, consulte "Usando o controle de fonte no seu codespace".

Usando o Visual Studio Code Command Palette

O Visual Studio Code Command Palette permite que você acesse e gerencie muitas funcionalidades para Codespaces e VS Code. Para obter mais informações, consulte "Usando o Paleta de Comando do VS Code em Codespaces".

  1. Você pode ver todos os códigos disponíveis que você criou em github.com/codespaces.
  2. Clique no nome do codespace em que você deseja desenvolver. Nome do codespace

Como alternativa, você pode ver qualquer codespace ativo para um repositório acessando esse repositório e selecionando o Código de . O menu suspenso exibirá todos os codespaces ativos de um repositório.