Observação
Atualmente, o editor do github.dev está em prévia pública. Você pode fornecer feedback nas Discussões.
Sobre o editor do github.dev
O editor do github.dev apresenta uma experiência leve de edição, que é executada inteiramente no navegador. Com o editor do github.dev, você pode navegar por arquivos e repositórios de código-fonte do GitHub, bem como realizar alterações de código e fazer commit delas. É possível abrir qualquer repositório, bifurcação ou pull request no editor.
O editor do github.dev está disponível para todos gratuitamente no GitHub.com.
O editor do github.dev oferece muitos dos benefícios do Visual Studio Code, como pesquisa, destaque de sintaxe e uma exibição do controle do código-fonte. Você também pode usar Sincronização de Configurações para compartilhar suas próprias configurações do VS Code com o editor. Consulte Sincronização de Configurações na documentação do VS Code.
O editor do github.dev é executado inteiramente no sandbox (área restrita) do navegador. O editor não clona o repositório, mas usa a extensão GitHub Repositórios para executar a maior parte da funcionalidade que você usará. Seu trabalho é salvo no armazenamento local do navegador até que você o confirme. Você deve fazer commit das alterações regularmente para garantir que estejam sempre acessíveis.
Você precisa estar conectado ao GitHub para usar o editor do github.dev.
Como abrir o editor do github.dev
Você pode abrir qualquer repositório do GitHub no github.dev em uma das seguintes maneiras:
-
Para abrir o repositório na mesma guia do navegador, pressione . enquanto navega em qualquer repositório ou solicitação de pull no GitHub.
Para abrir o repositório em uma nova guia do navegador, pressione >.
-
Alterando a URL de "github.com" para "github.dev".
-
Ao exibir um arquivo, selecione o menu suspenso e clique em github.dev.
Codespaces e github.dev
Tanto o github.dev quanto o GitHub Codespaces permitem que você edite o código diretamente no seu repositório. No entanto, ambos têm benefícios ligeiramente diferentes, dependendo da sua utilização.
| github.dev | GitHub Codespaces | |
|---|---|---|
| Custo | Gratuito. | Cota mensal gratuita de uso para contas pessoais, confira Cobrança do GitHub Codespaces. |
| Disponibilidade | Disponível para todos no GitHub.com. | Disponível para todos no GitHub.com. |
| Iniciar | O github.dev é aberto de maneira instantânea com um toque de tecla, e você pode começar a usá-lo imediatamente, sem precisar aguardar uma configuração ou uma instalação adicional. | Quando você cria ou retoma um codespace, o codespace é atribuído a uma VM e o contêiner é configurado com base no conteúdo de um arquivo devcontainer.json. Essa configuração pode levar alguns minutos para criar o ambiente. Confira Como criar um codespace para um repositório. |
| Calcule | Não há nenhum computador associado. Portanto você não conseguirá criar e executar o seu código ou usar o terminal integrado. | Com o GitHub Codespaces, você usufrui da alta eficiência de uma VM dedicada na qual pode executar e depurar seu aplicativo. |
| Acesso ao terminal | Nenhum. | O GitHub Codespaces fornece um conjunto comum de ferramentas por padrão, o que significa que você pode usar o Terminal exatamente como você faria no ambiente local. |
| Extensões | Apenas um subconjunto de extensões que podem ser executadas na web aparecerão na visualização de extensões e podem ser instaladas. Confira Usando extensões. | Com o GitHub Codespaces, você pode usar a maioria das extensões do Visual Studio Code Marketplace. |
Continue trabalhando nos Codespaces
Você pode iniciar o fluxo de trabalho no github.dev e continuar trabalhando em um codespace. Se você tentar acessar a Exibição de Execução e Depuração ou o terminal, receberá uma mensagem de que eles não estão disponíveis no github.dev.
Para continuar seu trabalho em um codespace, clique em Continuar Trabalhando em… e selecione Criar Codespace para criar um codespace no branch atual. Antes de selecionar esta opção, você precisa fazer commit de quaisquer alterações.
Usando controle de origem
Quando você usa o github.dev, todas as ações são gerenciadas por meio da Exibição de "Controle do Código-Fonte", localizada na barra de atividades do lado esquerdo. Para obter mais informações sobre a visualização "Controle de Origem", consulte Controle de Versão na documentação do VS Code.
Como github.dev usa a extensão GitHub Repositories para fornecer sua funcionalidade, você pode alternar branches sem precisar guardar alterações. Consulte Repositórios do GitHub na documentação VS Code.
Criar uma nova ramificação
-
Se o branch atual não for mostrado na barra de status, na parte inferior do seu codespace, clique com o botão direito do mouse na barra de status e selecione Controle do código-fonte.
-
Clique no nome do branch na barra de status.
-
No menu suspenso, clique no branch para o qual deseja alternar ou insira o nome de um novo branch e clique em Criar novo branch.
Confirmar as alterações
-
Na Barra de Atividades, clique na exibição Controle do Código-Fonte.
-
Para preparar as alterações, clique em ao lado do arquivo que você alterou ou ao lado de Alterações se tiver alterado vários arquivos e quiser preparar todos eles.
-
Na caixa de texto, digite uma mensagem de confirmação descrevendo a alteração feita.
-
Clique em Confirmar e Enviar.
Suas alterações serão automaticamente enviadas para o seu branch no GitHub.
Criar uma solicitação de pull
-
Depois de ter confirmado alterações na cópia local do repositório, clique no ícone de solicitação de pull na parte superior da barra lateral "Controle do Código-Fonte".
-
Verifique se o branch local e o repositório do qual você está fazendo merge, o branch remoto e o repositório no qual você está fazendo merge estão corretos. Em seguida, dê ao pull request um título e uma descrição.
-
Clique em Criar.
Trabalhando com um pull request existente
Você pode usar o github.dev para trabalhar com um pull request existente.