1
0
mirror of synced 2025-12-20 02:19:14 -05:00
Files
docs/content/codespaces/developing-in-codespaces/using-codespaces-in-visual-studio-code.md
Amy Burns c863678e73 New organization for codespaces docs (#18910)
* adding new tables and linking to info on audit logs

* editing some text:

* adding new info on how to add image registry login

* adding link and fixing table

* formatting

* formatting

* Apply suggestions from code review

Co-authored-by: Laura Coursen <lecoursen@github.com>

* updaing private image registry secret info and other improvements

* some minor fixes

* fixing test errors

* rewriting registry secret section

* rewriting registry secret section

* updating link to reflect title

* Update content/github/developing-online-with-codespaces/managing-encrypted-secrets-for-codespaces.md

Co-authored-by: Laura Coursen <lecoursen@github.com>

* updating bullet point

* moving codespaces to top-level item

* fixing duplicated redirect

* Adding some organization for contributors

* adding learning codespaces to index file

* do not error out if category array is empty

* Apply suggestions from code review

Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>

* fixing broken link

* Document choosing machine type for a codespace in the GitHub UI (#19055)

* Document choosing machine type in the GitHub UI

* Replace link placeholder with actual path

* Update content/codespaces/changing-the-machine-type-for-your-codespace.md

Co-authored-by: Amy Burns <timeyoutakeit@github.com>

Co-authored-by: Amy Burns <timeyoutakeit@github.com>

* reoganizing based on CD

* putting machine type doc in correct location

* fixing broken redirects

* removing quickstart example from index page

* updating main index file

* Fixing broken links

* adding intros

* adding js quickstart (#18960)

* adding js quickstart

* clarify walkthrough

* adding more images and last few sections

* fixing broken links

* fixing broken links and formatting

* formatting fixes

* Apply suggestions from code review

Co-authored-by: hubwriter <hubwriter@github.com>

* adding index file for learn folder

* adding some feedback changes

* adding some review comments

* fixing broken links

Co-authored-by: hubwriter <hubwriter@github.com>

* doing some additional re-org

* fixing topics

* adding Codespaces as a topic

* fixing so title matches slug

* Update data/reusables/codespaces/codespaces-machine-types.md

Co-authored-by: Meg Bird <megbird@github.com>

* expanding intro

Co-authored-by: Laura Coursen <lecoursen@github.com>
Co-authored-by: Sarah Schneider <sarahs@github.com>
Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>
Co-authored-by: hubwriter <hubwriter@github.com>
Co-authored-by: Meg Bird <megbird@github.com>
2021-05-03 17:06:49 +00:00

5.4 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 %}
/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
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 %}. The {% data variables.product.prodname_codespaces %} header
  3. Click Sign in to view {% data variables.product.prodname_codespaces %}.... Signing 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. The Create new Codespace option in {% data variables.product.prodname_codespaces %} 3. Type, then click the repository's name you want to develop in. Searching for repository to create a new {% data variables.product.prodname_codespaces %} 4. Click the branch you want to develop on. Searching for a branch to create a new {% data variables.product.prodname_codespaces %} 5. Click the machine type you want to develop in. Instance types for a new {% data variables.product.prodname_codespaces %}

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. The Connect to Codespace icon in {% data variables.product.prodname_vscode %}

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

{% 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." Searching for a branch to create a new {% data variables.product.prodname_codespaces %}
  3. Click the codespace that you want to change. Searching for a branch to create a new {% data variables.product.prodname_codespaces %}
  4. Choose the machine type you want to use. Searching for a branch to create a new {% data variables.product.prodname_codespaces %}

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. Deleting a codespace in {% data variables.product.prodname_dotcom %}