10 KiB
title, intro, redirect_from, versions, type, topics, shortTitle, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid
| title | intro | redirect_from | versions | type | topics | shortTitle | ms.openlocfilehash | ms.sourcegitcommit | ms.translationtype | ms.contentlocale | ms.lasthandoff | ms.locfileid | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Desenvolver em um codespace | Você pode trabalhar em um codespace usando seu navegador, {% data variables.product.prodname_vscode %}, um IDE JetBrains ou um shell de comando. |
|
|
how_to |
|
Develop in a codespace | e941373ade8c2f8365e7b654733b7ee029a6a7dd | e8c012864f |
HT | pt-BR | 11/09/2022 | 148159066 |
{% jetbrains %}
{% data reusables.codespaces.codespaces-jetbrains-beta-note %}
{% endjetbrains %}
Sobre o desenvolvimento com os {% data variables.product.prodname_github_codespaces %}
Você pode desenvolver código em um codespace usando a ferramenta de sua preferência:
- Um shell de comando, por meio de uma conexão SSH iniciada usando {% data variables.product.prodname_cli %}.
- Um dos IDEs do JetBrains, por meio do JetBrains Gateway.
- O aplicativo da área de trabalho {% data variables.product.prodname_vscode %}.
- Uma versão baseada em navegador do {% data variables.product.prodname_vscode %}.
{% webui %}
As guias neste artigo permitem alternar entre informações para cada uma dessas maneiras de trabalhar. No momento, você está na guia da versão do navegador da Web do {% data variables.product.prodname_vscode %}.
Como trabalhar em um codespace no navegador
O uso de {% data variables.product.prodname_codespaces %} no navegador fornece uma experiência de desenvolvimento completa. Você pode editar código, depurar, usar comandos Git e executar seu aplicativo.
{% data reusables.codespaces.vscode-interface-annotation %} {% data reusables.codespaces.use-chrome %} Para obter mais informações, confira "Solução de problemas de clientes dos {% data variables.product.prodname_github_codespaces %}". {% data reusables.codespaces.developing-in-vscode %} {% data reusables.codespaces.navigating-to-a-codespace %}
{% endwebui %}
{% vscode %}
As guias neste artigo permitem alternar entre informações para cada uma dessas maneiras de trabalhar. No momento, você está na guia para {% data variables.product.prodname_vscode %}.
Como trabalhar em um codespace no {% data variables.product.prodname_vscode_shortname %}
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.vscode-interface-annotation %}
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 %}
Para obter informações sobre solução de problemas, confira "Solução de problemas de clientes Codespace". {% data reusables.codespaces.developing-in-vscode %} {% data reusables.codespaces.navigating-to-a-codespace %}
{% endvscode %}
{% jetbrains %}
As guias neste artigo permitem alternar entre informações para cada uma dessas maneiras de trabalhar. No momento, você está na guia para IDEs JetBrains.
Como trabalhar em um codespace em um IDE JetBrains
Para usar {% data variables.product.prodname_github_codespaces %} com um IDE JetBrains, você precisa já ter instalado o JetBrains Gateway. Para obter informações sobre como instalar o JetBrains Gateway, consulte o site da JetBrains.
Você pode trabalhar em um codespace usando o IDE JetBrains de sua escolha. Depois de criar um codespace, você pode usar o aplicativo JetBrains Gateway para abrir o codespace no IDE de sua preferência.
Você pode editar código, depurar e usar comandos do Git ao mesmo tempo que faz o desenvolvimento em um codespace com o seu IDE JetBrains. Para obter mais informações sobre os vários IDEs JetBrains, consulte a documentação do JetBrains.
Interface do usuário do IntelliJ IDEA
Na documentação do {% data variables.product.prodname_github_codespaces %}, usamos o IntelliJ IDEA como representante do IDE JetBrains. Diferentes IDEs JetBrains podem ter layouts diferentes.
- Barra de navegação – exibe o caminho para o arquivo ou diretório selecionado no momento. Use os botões à direita da barra de navegação para executar várias ações, incluindo compilar, executar ou depurar o projeto ou executar comandos do Git para confirmar e efetuar push das alterações.
- Janela de ferramentas do projeto – mostra a estrutura do projeto e permite que você abra arquivos no editor.
- Janela de ferramentas do {% data variables.product.prodname_github_codespaces %} – isso é exibido clicando no plug-in {% data variables.product.prodname_github_codespaces %} na barra à esquerda da janela de ferramentas. Ela exibe informações sobre seu codespace, incluindo o nome de exibição e o tipo de computador. Os botões na parte superior dessa janela de ferramentas permitem a você:
- Interromper o codespace e desconectar-se
- Exibir a página da Web "Seus codespaces"
- Exibir o log de criação do codespace
- Recompilar o contêiner de desenvolvimento
- Editor – É aqui que você edita os arquivos. Você pode clicar com o botão direito do mouse na guia de um arquivo para acessar opções como mover a guia para uma nova janela.
- Terminal – isso é exibido clicando em Terminal na barra de janelas de ferramentas na parte inferior da janela principal (logo acima da barra de status). O terminal integrado permite que você execute tarefas de linha de comando sem precisar alternar para um aplicativo de terminal dedicado.
- Barra de status – passe o mouse sobre o ícone à esquerda da barra de status para ver uma lista de ferramentas. Clique no ícone para ocultar ou mostrar as barras de janela de ferramentas. O lado direito da barra de status mostra informações sobre o projeto, incluindo o GIT branch atual.
Para obter mais informações sobre a interface do usuário do IntelliJ IDEA, confira a documentação do JetBrains para IntelliJ IDEA.
Como personalizar os codespaces de um repositório
Você pode personalizar os codespaces criados para um repositório criando ou atualizando a configuração do contêiner de desenvolvimento do repositório. Você pode fazer isso de dentro de um codespace. Depois de alterar a configuração do contêiner de desenvolvimento, você pode aplicar as alterações ao codespace atual recriando o contêiner do Docker para o codespace. Para obter mais informações, confira "Introdução aos contêineres de desenvolvimento".
Personalizando seu codespace
Use um repositório dotfiles para personalizar os aspectos do ambiente de qualquer codespace criado. Para obter mais informações, confira "Como personalizar o {% data variables.product.prodname_github_codespaces %} para sua conta".
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 e enviá-las por push. Efetuar push das alterações para um repositório garante que qualquer pessoa que crie um codespace deste repositório tenha a mesma configuração. Isso também significa que qualquer personalização que você fizer, para modificar a configuração de codespaces criados para um repositório, estará disponível para todos que usam o repositório.
Para obter mais informações, confira "Como usar o controle do código-fonte no seu codespace".
Leitura adicional
- "Como usar os {% data variables.product.prodname_github_codespaces %} no IDE do JetBrains"
- "Usar o plug-in do {% data variables.product.prodname_github_codespaces %} para JetBrains"
- "Solucionar problemas de clientes do {% data variables.product.prodname_github_codespaces %}"
{% endjetbrains %}
{% cli %}
As guias neste artigo permitem alternar entre informações para cada uma dessas maneiras de trabalhar. No momento, você está na guia para {% data variables.product.prodname_cli %}.
Como trabalhar em um codespace em um shell de comando
{% data reusables.cli.cli-learn-more %}
Você pode usar {% data variables.product.prodname_cli %} para criar um novo codespace ou iniciar um codespace existente e, em seguida, conectar-se a ele por SSH. Uma vez conectado, você pode trabalhar na linha de comando usando suas ferramentas de linha de comando preferidas.
Depois de instalar o {% data variables.product.prodname_cli %} e autenticar com sua conta do {% data variables.product.prodname_dotcom %}, você pode usar o comando gh codespace [<SUBCOMMAND>...] --help para procurar as informações de ajuda. Como alternativa, você pode exibir as mesmas informações de referência em https://cli.github.com/manual/gh_codespace.
Para obter mais informações, confira "Usando o {% data variables.product.prodname_github_codespaces %} com a CLI do GitHub".
{% endcli %}