121 lines
7.9 KiB
Markdown
121 lines
7.9 KiB
Markdown
---
|
|
title: Como usar o GitHub Codespaces no Visual Studio Code
|
|
intro: 'Você pode desenvolver seu codespace diretamente no {% data variables.product.prodname_vscode %} ao conectar a extensão do {% data variables.product.prodname_github_codespaces %} à sua conta no {% data variables.product.product_name %}.'
|
|
product: '{% data reusables.gated-features.codespaces %}'
|
|
redirect_from:
|
|
- /github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code
|
|
- /github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code
|
|
- /github/developing-online-with-codespaces/using-codespaces-in-visual-studio
|
|
- /codespaces/developing-in-codespaces/using-codespaces-in-visual-studio-code
|
|
versions:
|
|
fpt: '*'
|
|
ghec: '*'
|
|
type: how_to
|
|
topics:
|
|
- Codespaces
|
|
- Visual Studio Code
|
|
- Developer
|
|
shortTitle: Visual Studio Code
|
|
ms.openlocfilehash: fd714af8374346768b81241ea6b8b91a0022c4e4
|
|
ms.sourcegitcommit: 47bd0e48c7dba1dde49baff60bc1eddc91ab10c5
|
|
ms.translationtype: HT
|
|
ms.contentlocale: pt-BR
|
|
ms.lasthandoff: 09/05/2022
|
|
ms.locfileid: '147111379'
|
|
---
|
|
## Sobre o {% data variables.product.prodname_github_codespaces %} no {% data variables.product.prodname_vscode %}
|
|
|
|
Você pode usar sua instalação local de {% data variables.product.prodname_vscode %} para criar, gerenciar, trabalhar e excluir codespaces. Para usar o {% data variables.product.prodname_github_codespaces %} no {% data variables.product.prodname_vscode_shortname %}, você deverá instalar a extensão do {% data variables.product.prodname_codespaces %}. Para obter mais informações sobre como configurar o Codespaces no {% data variables.product.prodname_vscode_shortname %}, confira "[Pré-requisitos](#prerequisites)".
|
|
|
|
Por padrão, se você criar um novo codespace em {% data variables.product.prodname_dotcom_the_website %}, ele será aberto no navegador. Se você preferir abrir qualquer codespace novo no {% data variables.product.prodname_vscode_shortname %} automaticamente, poderá definir seu editor padrão como {% data variables.product.prodname_vscode_shortname %}. Para obter mais informações, confira "[Como configurar o editor padrão do {% data variables.product.prodname_github_codespaces %}](/codespaces/customizing-your-codespace/setting-your-default-editor-for-github-codespaces)".
|
|
|
|
Se preferir trabalhar no navegador, mas quiser continuar usando as extensões, os temas e os atalhos do {% data variables.product.prodname_vscode_shortname %}, ative a Sincronização de Configurações. Para obter mais informações, confira "[Como personalizar o {% data variables.product.prodname_github_codespaces %} para sua conta](/codespaces/customizing-your-codespace/personalizing-github-codespaces-for-your-account#settings-sync)".
|
|
|
|
## Pré-requisitos
|
|
|
|
Para desenvolver em um codespace diretamente no {% data variables.product.prodname_vscode_shortname %}, você deverá instalar e entrar na extensão do {% data variables.product.prodname_codespaces %} com as suas credenciais do {% data variables.product.product_name %}. A extensão do {% data variables.product.prodname_codespaces %} exige a versão de outubro de 2020 1.51 ou posterior do {% data variables.product.prodname_vscode_shortname %}.
|
|
|
|
Use o {% data variables.product.prodname_vscode_marketplace %} para instalar a extensão do [{% data variables.product.prodname_codespaces %}](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces). Para obter mais informações, confira o [Marketplace de Extensões](https://code.visualstudio.com/docs/editor/extension-gallery) na documentação do {% data variables.product.prodname_vscode_shortname %}.
|
|
|
|
|
|
{% mac %}
|
|
|
|
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
|
|
1. Clique em **Entrar para ver o {% data variables.product.prodname_dotcom %}…** .
|
|
|
|
|
|
|
|
2. Para autorizar o {% data variables.product.prodname_vscode_shortname %} a acessar sua conta no {% data variables.product.product_name %}, clique em **Permitir**.
|
|
3. Registre-se e, {% data variables.product.product_name %} para aprovar a extensão.
|
|
|
|
{% endmac %}
|
|
|
|
{% windows %}
|
|
|
|
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
|
|
1. Use o menu suspenso "GERENCIADOR REMOTO" e clique em **{% data variables.product.prodname_github_codespaces %}** .
|
|
|
|
|
|
|
|
1. Clique em **Entrar para ver o {% data variables.product.prodname_codespaces %}…** .
|
|
|
|
|
|
|
|
1. Para autorizar o {% data variables.product.prodname_vscode_shortname %} a acessar sua conta no {% data variables.product.product_name %}, clique em **Permitir**.
|
|
1. Registre-se e, {% data variables.product.product_name %} para aprovar a extensão.
|
|
|
|
{% endwindows %}
|
|
|
|
## Criar um codespace no {% data variables.product.prodname_vscode_shortname %}
|
|
|
|
{% data reusables.codespaces.creating-a-codespace-in-vscode %}
|
|
|
|
## Abrir um codespace no {% data variables.product.prodname_vscode_shortname %}
|
|
|
|
{% data reusables.codespaces.click-remote-explorer-icon-vscode %}
|
|
1. Em "Codedespaces", clique no código que você deseja desenvolver.
|
|
1. Clique no ícone Conectar-se ao Codespace.
|
|
|
|
|
|
|
|
## Alterar o tipo da máquina no {% data variables.product.prodname_vscode_shortname %}
|
|
|
|
{% data reusables.codespaces.codespaces-machine-types %} Você pode alterar o tipo de computador do seu codespace a qualquer momento.
|
|
|
|
1. No {% data variables.product.prodname_vscode_shortname %}, abra a Paleta de Comandos (`shift command P` / `shift control P`).
|
|
1. Pesquise e selecione "Codespaces: Alterar tipo de máquina."
|
|
|
|
|
|
|
|
1. Clique no codespace que você deseja alterar.
|
|
|
|
|
|
|
|
1. Escolha o tipo de máquina que você quer usar.
|
|
|
|
{% note %}
|
|
|
|
**Observação**: {% data reusables.codespaces.codespaces-machine-type-availability %}
|
|
|
|
{% endnote %}
|
|
|
|
1. Se o codespace estiver sendo executado, será exibida uma mensagem perguntando se você deseja reiniciar e reconectar-se ao seu codespace agora.
|
|
|
|
Clique em **Sim** se quiser alterar o tipo de computador usado para este codespace imediatamente.
|
|
|
|
Se você clicar em **Não** ou se o codespace não estiver em execução no momento, a alteração entrará em vigor na próxima vez que o codespace for reiniciado.
|
|
|
|
## Excluir um codespace no {% data variables.product.prodname_vscode_shortname %}
|
|
|
|
{% data reusables.codespaces.deleting-a-codespace-in-vscode %}
|
|
|
|
## Alternar para o build de Insiders do {% data variables.product.prodname_vscode_shortname %}
|
|
|
|
Você pode usar o [build de Insiders do {% data variables.product.prodname_vscode_shortname %}](https://code.visualstudio.com/docs/setup/setup-overview#_insiders-nightly-build) nos {% data variables.product.prodname_codespaces %}.
|
|
|
|
1. No canto inferior esquerdo da janela do {% data variables.product.prodname_codespaces %}, selecione **{% octicon "gear" aria-label="The settings icon" %} Configurações**.
|
|
2. Na lista, selecione "Alternar para Versão de Insiders".
|
|
|
|
|
|
3. Uma vez selecionado, {% data variables.product.prodname_codespaces %} continuará a abrir na Versão do Insiders.
|