jprdonnelly/docs
1
0
Fork 0
mirror of synced 2025-12-21 19:06:49 -05:00
Code Issues Projects Releases Wiki Activity

Update with creating a codespace in VS code procedural (#15936)

Browse Source 
* update with steps

* one more update

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

Co-authored-by: Allison Weins <3174849+2percentsilk@users.noreply.github.com>

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

Co-authored-by: Allison Weins <3174849+2percentsilk@users.noreply.github.com>

* make a few more changes

* update with images

* typo

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

Co-authored-by: Matt Pollard <mattpollard@users.noreply.github.com>

* Update data/reusables/codespaces/use-visual-studio-features.md

Co-authored-by: Matt Pollard <mattpollard@users.noreply.github.com>

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

Co-authored-by: Matt Pollard <mattpollard@users.noreply.github.com>

* update with new section title

* fix test

Co-authored-by: Allison Weins <3174849+2percentsilk@users.noreply.github.com>
Co-authored-by: Matt Pollard <mattpollard@users.noreply.github.com>
This commit is contained in:
Meg Bird
2020-10-12 09:49:09 -07:00
committed by GitHub
parent ece879e60a
commit 326725d4cf
6 changed files with 20 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
content/github/developing-online-with-codespaces/using-codespaces-in-visual-studio-code.md
View File

@@ -10,7 +10,7 @@ versions:
{% data reusables.codespaces.release-stage %}
### Connecting the {% data variables.product.prodname_vs_codespaces %} extension to your {% data variables.product.prodname_dotcom %} account
### Prerequisites
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.
@@ -29,11 +29,27 @@ Before you can develop in a codespace directly in {% data variables.product.prod
8. To authorize {% data variables.product.prodname_vscode %} to access your account on {% data variables.product.product_name %}, click **Allow**.
9. Sign in to {% data variables.product.product_name %} to approve the extension.
### Opening a codespace in {% data variables.product.prodname_vscode %}
### Creating 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 %}.
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**.
![The Create new Codespace option in {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/create-codespace-vscode.png)
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 %}](/assets/images/help/codespaces/choose-repository-vscode.png)
4. Click the branch you want to develop in.
![Searching for a branch to create a new {% data variables.product.prodname_codespaces %}](/assets/images/help/codespaces/choose-branch-vscode.png)
### 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 %}](/assets/images/help/codespaces/click-connect-to-codespace-icon-vscode.png)
### 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 %}](/assets/images/help/codespaces/delete-codespace-vscode.png)