1
0
mirror of synced 2025-12-22 03:16:52 -05:00
Files
docs/content/github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code.md
2020-11-16 18:11:27 +01:00

3.9 KiB

title, intro, product, redirect_from, versions
title intro product redirect_from versions
Using Codespaces in Visual Studio Code You can develop in your codespace directly in {% data variables.product.prodname_vscode %} by connecting the {% data variables.product.prodname_github_codespaces %} extension with your account on {% data variables.product.product_name %}. {% data reusables.gated-features.codespaces %}
/github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code
free-pro-team
*

{% data reusables.codespaces.release-stage %}

Prerequisites

To develop in a codespace directly in {% data variables.product.prodname_vscode %}, you must sign into the {% data variables.product.prodname_github_codespaces %} extension. The {% data variables.product.prodname_github_codespaces %} extension requires {% data variables.product.prodname_vscode %} October 2020 Release 1.51 or later.

  1. Use the {% data variables.product.prodname_vs %} Marketplace to install the {% data variables.product.prodname_github_codespaces %} extension. For more information, see Extension Marketplace in the {% data variables.product.prodname_vscode %} documentation. {% data reusables.codespaces.click-remote-explorer-icon-vscode %}
  2. Use the "REMOTE EXPLORER" drop-down, then click {% data variables.product.prodname_github_codespaces %}. The {% data variables.product.prodname_codespaces %} header
  3. Click Sign in to view {% data variables.product.prodname_codespaces %}.... Signing in to view {% data variables.product.prodname_codespaces %}
  4. To authorize {% data variables.product.prodname_vscode %} to access your account on {% data variables.product.product_name %}, click Allow.
  5. Sign in to {% data variables.product.product_name %} to approve the extension.

Creating a codespace in {% data variables.product.prodname_vscode %}

After you connect your {% data variables.product.product_name %} account to the {% data variables.product.prodname_vs_codespaces %} extension, you can develop in a codespace that you created on {% data variables.product.product_name %} or in {% data variables.product.prodname_vscode %}.

{% data reusables.codespaces.click-remote-explorer-icon-vscode %} 2. Click the Add icon, then click Create New Codespace. The Create new Codespace option in {% data variables.product.prodname_codespaces %} 3. Type, then click the repository's name you want to develop in. Searching for repository to create a new {% data variables.product.prodname_codespaces %} 4. Click the branch you want to develop on. Searching for a branch to create a new {% data variables.product.prodname_codespaces %} 5. Click the instance type you want to develop in. Instance types for a new {% data variables.product.prodname_codespaces %}

Opening a codespace in {% data variables.product.prodname_vscode %}

{% data reusables.codespaces.click-remote-explorer-icon-vscode %} 2. Under Codespaces, click the codespace you want to develop in. 3. Click the Connect to Codespace icon. The Connect to Codespace icon in {% data variables.product.prodname_vscode %}

Deleting a codespace in {% data variables.product.prodname_vscode %}

  1. Under Codespaces, right-click the codespace you want to delete.
  2. In the drop-down menu, click Delete Codespace. Deleting a codespace in {% data variables.product.prodname_dotcom %}