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

title, intro, product, redirect_from, versions, topics

title	intro	product	redirect_from	versions	topics
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 /github/developing-online-with-codespaces/using-codespaces-in-visual-studio	free-pro-team *	codespaces

{% 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 %}.
3. Click Sign 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_github_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. 3. Type, then click the repository's name you want to develop in. 4. Click the branch you want to develop on. 5. Click the instance type you want to develop in.

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.

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

You can run your codespace on a choice of three types of machine: Basic, Standard, or Premium. Each of these has a different level of resources and a different billing tier.

{% note %}

Note: {% data reusables.codespaces.about-billing-for-codespaces %}

{% endnote %}

{% data reusables.codespaces.codespaces-machine-types %}

You can change the machine type of your codespace at any time.

1. In {% data variables.product.prodname_vscode %}, open the Command Palette (shift command P / shift control P).
2. Search for and select "Codespaces: Change Machine Type."
3. Click the codespace that you want to change.
4. Choose the machine type you want to use.

If the codespace is currently running, a message is displayed asking if you would like to restart and reconnect to your codespace now. Click Yes if you want to change the machine type used for this codespace immediately. If you click No, or if the codespace is not currently running, the change will take effect the next time the codespace restarts.

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.