* Add back changes from prior to purge * Manually fix some invalid Liquid * Updoot render-content * Improve test messages to show correct output * Run el scripto * Pass the remaining test
3.5 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 {% data variables.product.prodname_vscode %} by connecting the {% data variables.product.prodname_vs_codespaces %} extension with your account on {% data variables.product.product_name %}. | {% data reusables.gated-features.codespaces %} |
|
|
{% data reusables.codespaces.release-stage %}
Connecting the {% data variables.product.prodname_vs_codespaces %} extension to your {% data variables.product.prodname_dotcom %} account
Before you can develop in a codespace directly in {% data variables.product.prodname_vscode %}, you must configure the {% data variables.product.prodname_vs_codespaces %} extension to connect to your {% data variables.product.product_name %} account.
- Use the {% data variables.product.prodname_vs %} Marketplace to install the {% data variables.product.prodname_vs_codespaces %} extension. For more information, see Extension Marketplace in the {% data variables.product.prodname_vscode %} documentation.
- In {% data variables.product.prodname_vscode %}, in the left sidebar, click the Extensions icon.

- Below {% data variables.product.prodname_vs_codespaces %}, click the Manage icon, then click Extension Settings.

- Use the Codespaces: Account Provider drop-down menu, and click {% data variables.product.prodname_dotcom %}.
{% data reusables.codespaces.click-remote-explorer-icon-vscode %} - If {% data variables.product.prodname_codespaces %} is not already selected in the header, click {% data variables.product.prodname_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.
Opening a codespace in {% data variables.product.prodname_vscode %}
After you've connected 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 %} directly 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.
![]()