Using Codespaces in Visual Studio Code

Prerequisites

To develop in a codespace directly in Visual Studio Code, you must sign into the GitHub Codespaces extension. The GitHub Codespaces extension requires Visual Studio Code October 2020 Release 1.51 or later.

1. Use the Visual Studio Marketplace to install the GitHub Codespaces extension. For more information, see Extension Marketplace in the Visual Studio Code documentation.
2. In Visual Studio Code, in the left sidebar, click the Remote Explorer icon.
   
3. Use the "REMOTE EXPLORER" drop-down, then click GitHub Codespaces.
   
4. Click Sign in to view Codespaces....
   
5. To authorize Visual Studio Code to access your account on GitHub, click Allow.
6. Sign in to GitHub to approve the extension.

Creating a codespace in Visual Studio Code

After you connect your GitHub account to the Visual Studio Codespaces extension, you can develop in a codespace that you created on GitHub or in Visual Studio Code.

1. In Visual Studio Code, in the left sidebar, click the Remote Explorer icon.
   
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 Visual Studio Code

1. In Visual Studio Code, in the left sidebar, click the Remote Explorer icon.
   
2. Under Codespaces, click the codespace you want to develop in.
3. Click the Connect to Codespace icon.
   

Deleting a codespace in Visual Studio Code

1. Under Codespaces, right-click the codespace you want to delete.
2. In the drop-down menu, click Delete Codespace.