11 KiB
title, intro, versions, type, miniTocMaxHeadingLevel, topics, shortTitle, redirect_from, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid
| title | intro | versions | type | miniTocMaxHeadingLevel | topics | shortTitle | redirect_from | ms.openlocfilehash | ms.sourcegitcommit | ms.translationtype | ms.contentlocale | ms.lasthandoff | ms.locfileid | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| O editor github.dev baseado na web | Use o github.dev {% data variables.codespaces.serverless %} do seu repositório ou faça uma solicitação de pull para criar e confirmar as alterações. |
|
how_to | 3 |
|
Web-based editor |
|
adc5622d666f6a32e698a29ceedfc24217b27df9 | 57bef7d45a |
HT | pt-BR | 11/18/2022 | 148172176 |
{% note %}
Observação: atualmente, o github.dev {% data variables.codespaces.serverless %} está em versão prévia beta. Envie comentários em nossas Discussões.
{% endnote %}
Sobre o {% data variables.codespaces.serverless %}
O {% data variables.codespaces.serverless %} introduz uma experiência leve de edição, que é executada inteiramente no seu navegador. Com o {% data variables.codespaces.serverless %}, você pode navegar por arquivos e repositórios de código-fonte do {% data variables.product.prodname_dotcom %}, bem como efetuar e fazer commit das alterações de código. É possível abrir qualquer repositório, bifurcação ou pull request no editor.
O {% data variables.codespaces.serverless %} está disponível para todos gratuitamente em {% data variables.product.prodname_dotcom_the_website %}.
O {% data variables.codespaces.serverless %} fornece muitos dos benefícios de {% data variables.product.prodname_vscode %}, como pesquisa, destaque de sintaxe e uma visão de controle de origem. Você também pode usar Sincronização de Configurações para compartilhar suas próprias configurações do {% data variables.product.prodname_vscode_shortname %} com o editor. Para obter mais informações, consulte "Sincronização de Configurações" na documentação do {% data variables.product.prodname_vscode_shortname %}.
O {% data variables.codespaces.serverless %} é executado inteiramente no sandbox do seu navegador. O editor não clona o repositório, mas usa a extensão Repositórios do GitHub para executar a maior parte da funcionalidade que você usará. Seu trabalho é salvo no armazenamento local do navegador até que você faça commit dele. Você deve fazer commit das alterações regularmente para garantir que estejam sempre acessíveis.
Você precisa estar conectado para usar o editor baseado na Web.
Abrir o {% data variables.codespaces.serverless %}
Você pode abrir qualquer repositório de {% data variables.product.prodname_dotcom %} em {% data variables.codespaces.serverless %} em qualquer 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 {% data variables.product.prodname_dotcom %}.
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, use o menu suspenso ao lado de {% octicon "pencil" aria-label="The edit icon" %} e selecione Abrir no github.dev.
{% data variables.product.prodname_codespaces %} e {% data variables.codespaces.serverless %}
Tanto o {% data variables.codespaces.serverless %} quanto o {% data variables.product.prodname_github_codespaces %} permitem que você edite seu código diretamente do seu repositório. No entanto, ambos têm benefícios ligeiramente diferentes, dependendo da sua utilização.
| {% data variables.codespaces.serverless %} | {% data variables.product.prodname_github_codespaces %} | |
|---|---|---|
| Custo | Livre. | Cota mensal gratuita de uso para contas pessoais. Para obter mais informações sobre preços, confira "Sobre a cobrança dos {% data variables.product.prodname_github_codespaces %}". |
| Disponibilidade | Disponível para todos no GitHub.com. | Disponível para todos no GitHub.com. |
| Inicialização | O {% data variables.codespaces.serverless %} abre instantaneamente com um toque de tecla e você pode começar a usá-lo imediatamente, sem ter que esperar por uma configuração ou instalação adicional. | Quando você cria ou retoma um codespace, o código é 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. Para obter mais informações, confira "Como criar um codespace para um repositório". |
| Computação | 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 {% data variables.product.prodname_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 {% data variables.product.prodname_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. Para obter mais informações, confira "Como usar extensões". | Com os {% data variables.product.prodname_github_codespaces %}, você pode usar a maioria das extensões do {% data variables.product.prodname_vscode_marketplace %}. |
Continue trabalhando nos {% data variables.product.prodname_codespaces %}
Você pode iniciar o fluxo de trabalho no {% data variables.codespaces.serverless %} e continuar trabalhando em um codespace. Se você tentar acessar a janela ou terminal Executar e Depurarl, você receberá uma mensagem de que eles não estão disponíveis em {% data variables.codespaces.serverless %}.
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
Ao usar o {% data variables.codespaces.serverless %}, todas as ações são gerenciadas por meio da Visualização de Controle de Origem, localizado na Barra de Atividades do lado esquerdo. Para obter mais informações sobre a Exibição de Controle do Código-Fonte, consulte "Controle de versão" na documentação do {% data variables.product.prodname_vscode_shortname %}.
Como o editor da web usa a extensão dos repositórios do GitHub para melhorar suas funcionalidades, você pode alternar entre branches sem precisar ocultar alterações. Para obter mais informações, consulte "Repositórios do GitHub" na documentação do {% data variables.product.prodname_vscode_shortname %}.
Criar uma nova ramificação
{% data reusables.codespaces.create-or-switch-branch %} Todas as alterações sem commit feitas no branch antigo ficarão disponíveis no novo branch.
Confirmar as alterações
{% data reusables.codespaces.source-control-commit-changes %} 5. Depois de ter feito as commit das suas alterações, elas serão automaticamente enviadas para o seu branch em {% data variables.product.prodname_dotcom %}.
Criar uma solicitação de pull
{% data reusables.codespaces.source-control-pull-request %}
Trabalhando com um pull request existente
Você pode usar o {% data variables.codespaces.serverless %} para trabalhar com uma solicitação de pull existente.
- Acesse a solicitação de pull que você gostaria de abrir em {% data variables.codespaces.serverless %}.
- Pressione
.para abrir a solicitação de pull no {% data variables.codespaces.serverless %}. - Depois de fazer alterações, faça commit delas usando as etapas descritas em Fazer commit das alterações. As suas alterações serão registradas diretamente no branch. Não é necessário fazer push das alterações.
Como usar extensões
O {% data variables.codespaces.serverless %} é compatível com as extensões do {% data variables.product.prodname_vscode_shortname %} que foram especificamente criadas ou atualizadas para serem executadas na Web. Essas extensões são conhecidas como "extensões da web". Para saber como criar uma extensão da Web ou atualizar sua extensão existente para trabalhar na Web, consulte "Extensões da Web" na documentação do {% data variables.product.prodname_vscode_shortname %}.
As extensões que podem ser executadas no {% data variables.codespaces.serverless %} aparecerão na vista de Extensões e poderão ser instaladas. Se você usar a Sincronização de Configurações, todas as extensões compatíveis também são instaladas automaticamente. Para obter mais informações, consulte "Sincronização de Configurações" na documentação do {% data variables.product.prodname_vscode_shortname %}.
Solução de problemas
Se você tiver problemas ao abrir {% data variables.codespaces.serverless %}, tente o seguinte:
- Verifique se você está conectado a {% data variables.product.prodname_dotcom %}.
- Desabilita qualquer bloqueador de anúncios.
- Use uma janela não anônima no seu navegador para abrir o {% data variables.codespaces.serverless %}.
Limitações conhecidas
- O {% data variables.codespaces.serverless %} atualmente é compatível com o Chrome (e vários outros navegadores baseados no Chromium), Edge, Firefox e Safari. Recomendamos que você use as versões mais recentes desses navegadores.
- Algumas teclas de atalho podem não funcionar, dependendo do navegador que você estiver usando. Essas limitações de associação de teclas são documentadas na seção "Limitações e adaptações conhecidas" da documentação do {% data variables.product.prodname_vscode_shortname %}.
- Talvez o
.não funcione para abrir o {% data variables.codespaces.serverless %} de acordo com o layout local do teclado. Nesse caso, você pode abrir qualquer repositório do {% data variables.product.prodname_dotcom %} no {% data variables.codespaces.serverless %} alterando a URL degithub.comparagithub.dev.