1
0
mirror of synced 2025-12-21 19:06:49 -05:00
Files
docs/content/github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code.md
Vanessa Yuen 3df90fc9b8 Hello git history spelunker!
Are you looking for something? Here is all of the GitHub Docs history in one single commit. Enjoy! 🎉
2020-09-27 14:10:11 +02:00

3.6 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 {{ site.data.variables.product.prodname_vscode }} by connecting the {{ site.data.variables.product.prodname_vs_codespaces }} extension with your account on {{ site.data.variables.product.product_name }}. {{ site.data.reusables.gated-features.codespaces }}
/github/developing-online-with-codespaces/connecting-to-your-codespace-from-visual-studio-code
free-pro-team
*

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

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

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

  1. Use the {{ site.data.variables.product.prodname_vs }} Marketplace to install the {{ site.data.variables.product.prodname_vs_codespaces }} extension. For more information, see Extension Marketplace in the {{ site.data.variables.product.prodname_vscode }} documentation.
  2. In {{ site.data.variables.product.prodname_vscode }}, in the left sidebar, click the Extensions icon. The Extensions icon in {{ site.data.variables.product.prodname_vscode }}
  3. Below {{ site.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 {{ site.data.variables.product.prodname_dotcom }}. Setting the Account Provider to {{ site.data.variables.product.prodname_dotcom }} {{ site.data.reusables.codespaces.click-remote-explorer-icon-vscode }}
  5. If {{ site.data.variables.product.prodname_codespaces }} is not already selected in the header, click {{ site.data.variables.product.prodname_codespaces }}. The {{ site.data.variables.product.prodname_codespaces }} header
  6. Click Sign in to view {{ site.data.variables.product.prodname_codespaces }}.... Signing in to view {{ site.data.variables.product.prodname_codespaces }}
  7. To authorize {{ site.data.variables.product.prodname_vscode }} to access your account on {{ site.data.variables.product.product_name }}, click Allow.
  8. Sign in to {{ site.data.variables.product.product_name }} to approve the extension.

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

After you've connected your {{ site.data.variables.product.product_name }} account to the {{ site.data.variables.product.prodname_vs_codespaces }} extension, you can develop in a codespace that you created on {{ site.data.variables.product.product_name }} directly in {{ site.data.variables.product.prodname_vscode }}.

{{ site.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 {{ site.data.variables.product.prodname_vscode }}