4.5 KiB
title, intro, product, redirect_from, versions, type, topics, shortTitle, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid
| title | intro | product | redirect_from | versions | type | topics | shortTitle | ms.openlocfilehash | ms.sourcegitcommit | ms.translationtype | ms.contentlocale | ms.lasthandoff | ms.locfileid | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Desenvolver em um codespace | Você pode abrir um codespace em {% data variables.product.product_name %} e, em seguida, desenvolver usando os recursos do {% data variables.product.prodname_vscode %}. | {% data reusables.gated-features.codespaces %} |
|
|
how_to |
|
Develop in a codespace | 70b7b5b91e68b80033edd59ae3a7826e0e2ee25f | 47bd0e48c7 |
HT | pt-BR | 09/05/2022 | 147614348 |
Sobre o desenvolvimento com os {% data variables.product.prodname_github_codespaces %}
Os {% data variables.product.prodname_github_codespaces %} oferecem a experiência completa de desenvolvimento do {% data variables.product.prodname_vscode %}. {% data reusables.codespaces.use-visual-studio-features %}
{% data reusables.codespaces.links-to-get-started %}
- Barra lateral - Por padrão, esta área mostra os arquivos do seu projeto no Explorador.
- 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.
- Editor - É aqui que você edita seus arquivos. Você pode usar a aba para cada editor para posicioná-lo exatamente onde você precisa.
- 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.
- 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 o {% data variables.product.prodname_vscode_shortname %}, consulte o guia da Interface do Usuário na documentação do {% data variables.product.prodname_vscode_shortname %}.
{% data reusables.codespaces.connect-to-codespace-from-vscode %}
{% data reusables.codespaces.use-chrome %} Para obter mais informações, consulte "Solução de problemas de clientes de Codespaces".
Personalizando seu codespace
{% data reusables.codespaces.about-personalization %} Para obter mais informações, confira "Como personalizar os {% data variables.product.prodname_github_codespaces %} da sua conta".
{% data reusables.codespaces.apply-devcontainer-changes %} Para obter mais informações, consulte "Configuração de {% data variables.product.prodname_codespaces %} para seu projeto".
Executando seu aplicativo a partir de um codespace
{% data reusables.codespaces.about-port-forwarding %} Para obter mais informações, consulte "Encaminhamento de portas em seu codespace".
Fazendo commit das suas alterações
{% data reusables.codespaces.committing-link-to-procedure %}
Usando o {% data variables.product.prodname_vscode_command_palette %}
O {% data variables.product.prodname_vscode_command_palette %} permite que você acesse e gerencie muitas funcionalidades para {% data variables.product.prodname_codespaces %} e {% data variables.product.prodname_vscode_shortname %}. Para obter mais informações, consulte "Uso do {% data variables.product.prodname_vscode_command_palette_shortname %} em {% data variables.product.prodname_codespaces %}".
Acessar um codespace existente
- {% data reusables.codespaces.you-can-see-all-your-codespaces %}
- Clique no nome do codespace em que você deseja desenvolver.
Como alternativa, você pode ver qualquer codespace ativo para um repositório ao navegar até o repositório e selecionar Código do {% octicon "code" aria-label="The code icon" %} . O menu suspenso exibirá todos os codespaces ativos de um repositório.