1
0
mirror of synced 2025-12-21 10:57:10 -05:00
Files
docs/content/github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code.md
Jason Etcovitch caaee7a124 Update all files to use {% data %} (#15253)
* Add back changes from prior to purge

* Manually fix some invalid Liquid

* Updoot render-content

* Improve test messages to show correct output

* Run el scripto

* Pass the remaining test
2020-09-29 16:01:04 -04:00

3.5 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_vs_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 %}

Connecting the {% data variables.product.prodname_vs_codespaces %} extension to your {% data variables.product.prodname_dotcom %} account

Before you can develop in a codespace directly in {% data variables.product.prodname_vscode %}, you must configure the {% data variables.product.prodname_vs_codespaces %} extension to connect to your {% data variables.product.product_name %} account.

  1. Use the {% data variables.product.prodname_vs %} Marketplace to install the {% data variables.product.prodname_vs_codespaces %} extension. For more information, see Extension Marketplace in the {% data variables.product.prodname_vscode %} documentation.
  2. In {% data variables.product.prodname_vscode %}, in the left sidebar, click the Extensions icon. The Extensions icon in {% data variables.product.prodname_vscode %}
  3. Below {% data variables.product.prodname_vs_codespaces %}, click the Manage icon, then click Extension Settings. The Extension Settings option
  4. Use the Codespaces: Account Provider drop-down menu, and click {% data variables.product.prodname_dotcom %}. Setting the Account Provider to {% data variables.product.prodname_dotcom %} {% data reusables.codespaces.click-remote-explorer-icon-vscode %}
  5. If {% data variables.product.prodname_codespaces %} is not already selected in the header, click {% data variables.product.prodname_codespaces %}. The {% data variables.product.prodname_codespaces %} header
  6. Click Sign in to view {% data variables.product.prodname_codespaces %}.... Signing in to view {% data variables.product.prodname_codespaces %}
  7. To authorize {% data variables.product.prodname_vscode %} to access your account on {% data variables.product.product_name %}, click Allow.
  8. Sign in to {% data variables.product.product_name %} to approve the extension.

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

After you've connected 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 %} directly 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 %}