4.0 KiB
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 %} |
|
|
|
{% 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.
- 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 %}
- Use the "REMOTE EXPLORER" drop-down, then click {% data variables.product.prodname_github_codespaces %}.

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

- To authorize {% data variables.product.prodname_vscode %} to access your account on {% data variables.product.product_name %}, click Allow.
- 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.
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.
![]()
