docs/content/codespaces/developing-in-codespaces/using-github-codespaces-in-visual-studio-code.md

title, shortTitle, intro, product, redirect_from, versions, type, topics

title	shortTitle	intro	product	redirect_from	versions	type	topics
Using GitHub Codespaces in Visual Studio Code	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/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	fpt ghec * *	how_to	Codespaces Visual Studio Code Developer

About {% data variables.product.prodname_github_codespaces %} in {% data variables.product.prodname_vscode %}

You can use your local install of {% data variables.product.prodname_vscode %} to create, manage, work in, and delete codespaces. {% data reusables.codespaces.using-codespaces-in-vscode %} For more information on setting up {% data variables.product.prodname_github_codespaces %} in {% data variables.product.prodname_vscode_shortname %}, see "Prerequisites."

By default, if you create a new codespace on {% data variables.product.prodname_dotcom_the_website %}, it will open in the browser. If you would prefer to open any new codespaces in {% data variables.product.prodname_vscode_shortname %} automatically, you can set your default editor to be {% data variables.product.prodname_vscode_shortname %}. For more information, see "Setting your default editor for {% data variables.product.prodname_github_codespaces %}."

If you prefer to work in the browser, but want to continue using your existing {% data variables.product.prodname_vscode_shortname %} extensions, themes, and shortcuts, you can turn on Settings Sync. For more information, see "Personalizing {% data variables.product.prodname_github_codespaces %} for your account."

Prerequisites

To develop in a codespace directly in {% data variables.product.prodname_vscode_shortname %}, you must install and sign into the {% data variables.product.prodname_github_codespaces %} extension with your {% data variables.product.product_name %} credentials. The {% data variables.product.prodname_github_codespaces %} extension requires {% data variables.product.prodname_vscode_shortname %} October 2020 Release 1.51 or later.

Use the {% data variables.product.prodname_vscode_marketplace %} to install the {% data variables.product.prodname_github_codespaces %} extension. For more information, see Extension Marketplace in the {% data variables.product.prodname_vscode_shortname %} documentation.

{% mac %}

{% data reusables.codespaces.click-remote-explorer-icon-vscode %}

1. Click Sign in to {% data variables.product.prodname_dotcom %}....

   

2. To authorize {% data variables.product.prodname_vscode_shortname %} to access your account on {% data variables.product.product_name %}, click Allow.

3. Sign in to {% data variables.product.product_name %} to approve the extension.

{% endmac %}

{% windows %}

{% data reusables.codespaces.click-remote-explorer-icon-vscode %}

1. Use the "REMOTE EXPLORER" drop-down, then click {% data variables.product.prodname_github_codespaces %}.

   

2. Click Sign in to view {% data variables.product.prodname_codespaces %}.

   

3. To authorize {% data variables.product.prodname_vscode_shortname %} to access your account on {% data variables.product.product_name %}, click Allow.

4. Sign in to {% data variables.product.product_name %} to approve the extension.

{% endwindows %}

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

{% data reusables.codespaces.creating-a-codespace-in-vscode %}

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

{% data reusables.codespaces.click-remote-explorer-icon-vscode %}

1. Under "Codespaces", click the codespace you want to develop in.

2. Click the Connect to Codespace icon.

   

Changing the machine type in {% data variables.product.prodname_vscode_shortname %}

{% data reusables.codespaces.codespaces-machine-types %} You can change the machine type of your codespace at any time.

{% note %}

Note: {% data reusables.codespaces.codespaces-machine-type-availability %}

{% endnote %}

{% data reusables.codespaces.changing-machine-type-in-vscode %}

{% data reusables.codespaces.about-changing-storage-size %}

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

{% data reusables.codespaces.deleting-a-codespace-in-vscode %}

Switching to the Insiders build of {% data variables.product.prodname_vscode_shortname %}

You can use the Insiders Build of {% data variables.product.prodname_vscode_shortname %} within {% data variables.product.prodname_github_codespaces %}.

1. In bottom left of your {% data variables.product.prodname_github_codespaces %} window, select {% octicon "gear" aria-label="The settings icon" %} Settings.

2. From the list, select "Switch to Insiders Version".

   

3. Once selected, {% data variables.product.prodname_github_codespaces %} will continue to open in Insiders Version.

Further reading

• "Using the {% data variables.product.prodname_vscode_command_palette %} in {% data variables.product.prodname_github_codespaces %}"
• "Using {% data variables.product.prodname_copilot %} in {% data variables.product.prodname_github_codespaces %}"