Skip to content

Commit 933301f

Browse files
hubwritergithub-actions
andauthored
Update Codespaces articles to match GUI changes in VS Code (#34148)
Co-authored-by: github-actions <github-actions@github.com>
1 parent 29c3c16 commit 933301f

16 files changed

Lines changed: 49 additions & 32 deletions
-8.55 KB
Loading
148 KB
Loading
12.5 KB
Loading
9.62 KB
Loading
-16 KB
Binary file not shown.
11.8 KB
Loading

content/codespaces/codespaces-reference/performing-a-full-rebuild-of-a-container.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ Occasionally, you may want to perform a full rebuild of your container. With a f
2727

2828
You can perform a full rebuild in {% data variables.product.prodname_vscode %}.
2929

30-
{% data reusables.codespaces.command-pallette %}
30+
{% data reusables.codespaces.command-palette %}
3131
1. Start typing "Rebuild" and select **Codespaces: Full Rebuild Container**.
3232

3333
![Screenshot of Full Rebuild Container command in the Command Pallette](/assets/images/help/codespaces/codespaces-rebuild-full.png)

content/codespaces/codespaces-reference/using-the-vs-code-command-palette-in-codespaces.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -28,45 +28,45 @@ You can access the {% data variables.product.prodname_vscode_command_palette_sho
2828
- <kbd>F1</kbd>
2929
- From the Application Menu, click **View > Command Palette…**.
3030

31-
![The application menu](/assets/images/help/codespaces/codespaces-view-menu.png)
31+
![Screenshot of the application menu](/assets/images/help/codespaces/codespaces-view-menu.png)
3232

3333
## Commands for {% data variables.product.prodname_codespaces %}
3434

35-
To see all commands related to {% data variables.product.prodname_github_codespaces %}, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-command-palette), then start typing "Codespaces".
35+
To see all commands related to {% data variables.product.prodname_github_codespaces %}, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-vs-code-command-palette), then start typing "Codespaces".
3636

37-
![A list of all commands that relate to {% data variables.product.prodname_github_codespaces %}](/assets/images/help/codespaces/codespaces-command-palette.png)
37+
![Screenshot of a list of all commands that relate to {% data variables.product.prodname_github_codespaces %}](/assets/images/help/codespaces/codespaces-command-palette.png)
3838

3939
### Suspending or stopping a codespace
4040

41-
If you add a new secret or change the machine type, you'll have to stop and restart the codespace for it to apply your changes.
41+
If you add a new secret or change the machine type, you'll have to stop and restart the codespace for it to apply your changes.
4242

43-
To suspend or stop your codespace's container, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-command-palette), then start typing "stop". Select **Codespaces: Stop Current Codespace**.
43+
To suspend or stop your codespace's container, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-vs-code-command-palette), then start typing "stop". Select **Codespaces: Stop Current Codespace**.
4444

45-
![Command to stop a codespace](/assets/images/help/codespaces/codespaces-stop.png)
45+
![Screenshot of the command to stop a codespace](/assets/images/help/codespaces/codespaces-stop.png)
4646

4747
### Adding a predefined dev container configuration
4848

49-
To add a predefined dev container configuration, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-command-palette), then start typing "dev container". Select **Codespaces: Add Development Container Configuration Files...**
49+
To add a predefined dev container configuration, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-vs-code-command-palette), then start typing "dev container". Select **Codespaces: Configure Dev Container**.
5050

51-
![Command to add a dev container](/assets/images/help/codespaces/add-prebuilt-container-command.png)
51+
![Screenshot of the command to add a dev container](/assets/images/help/codespaces/add-prebuilt-container-command.png)
5252

5353
### Rebuilding a codespace
5454

55-
If you add a dev container or edit any of the configuration files (`devcontainer.json` and `Dockerfile`), you'll have to rebuild your codespace for it to apply your changes.
55+
If you add a dev container or edit any of the configuration files (`devcontainer.json` and `Dockerfile`), you'll have to rebuild your codespace for it to apply your changes.
5656

57-
To rebuild your container, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-command-palette), then start typing "rebuild". Select **Codespaces: Rebuild Container**.
57+
To rebuild your container, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-vs-code-command-palette), then start typing "rebuild". Select **Codespaces: Rebuild Container**.
5858

59-
![Command to rebuild a codespace](/assets/images/help/codespaces/codespaces-rebuild.png)
59+
![Screenshot of the command to rebuild a codespace](/assets/images/help/codespaces/codespaces-rebuild.png)
6060

6161
{% data reusables.codespaces.full-rebuild-tip %}
6262

6363
### Codespaces logs
6464

65-
You can use the {% data variables.product.prodname_vscode_command_palette_shortname %} to access the codespace creation logs, or you can use it export all logs.
65+
You can use the {% data variables.product.prodname_vscode_command_palette_shortname %} to access the codespace creation logs, or you can use it export all logs.
6666

67-
To retrieve the logs for {% data variables.product.prodname_github_codespaces %}, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-command-palette), then start typing "log". Select **Codespaces: Export Logs** to export all logs related to {% data variables.product.prodname_github_codespaces %} or select **Codespaces: View Creation Logs** to view logs related to the setup.
67+
To retrieve the logs for {% data variables.product.prodname_github_codespaces %}, [access the {% data variables.product.prodname_vscode_command_palette_shortname %}](#accessing-the-vs-code-command-palette), then start typing "log". Select **Codespaces: Export Logs** to export all logs related to {% data variables.product.prodname_github_codespaces %} or select **Codespaces: View Creation Logs** to view logs related to the setup.
6868

69-
![Command to access logs](/assets/images/help/codespaces/codespaces-logs.png)
69+
![Screenshot of the command to access logs](/assets/images/help/codespaces/codespaces-logs.png)
7070

7171
## Further reading
7272

content/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-containers.md

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -136,16 +136,24 @@ Using a predefined configuration is a great idea if you need some additional ext
136136

137137
You can add a predefined dev container configuration either while working in a codespace, or while working on a repository locally. To do this in {% data variables.product.prodname_vscode_shortname %} while you are working locally, and not connected to a codespace, you must have the "Dev Containers" extension installed and enabled. For more information about this extension, see the [{% data variables.product.prodname_vs_marketplace_shortname %}](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers). The following procedure describes the process when you are using a codespace. The steps in {% data variables.product.prodname_vscode_shortname %} when you are not connected to a codespace are very similar.
138138

139-
{% data reusables.codespaces.command-palette-container %}
139+
1. Access the {% data variables.product.prodname_vscode_command_palette %} (<kbd>Shift</kbd>+<kbd>Command</kbd>+<kbd>P</kbd> / <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>), then start typing "dev container". Click **Codespaces: Configure Dev Container**.
140+
141+
![Screenshot of the "Codespaces: Configure Dev Container" option](/assets/images/help/codespaces/add-prebuilt-container-command.png)
142+
143+
1. Click **Start from scratch**.
144+
145+
![Screenshot of the "Start from scratch" option](/assets/images/help/codespaces/start-from-scratch.png)
146+
147+
1. Click **Show All Definitions**.
148+
149+
![Screenshot of the "Show All Definitions" option](/assets/images/help/codespaces/show-all-definitions.png)
150+
140151
1. Click the definition you want to use.
141152

142153
![Screenshot of a list of predefined container definitions](/assets/images/help/codespaces/predefined-container-definitions-list.png)
143154

144-
1. Follow the prompts to customize your definition. For more information on the options to customize your definition, see "[Adding additional features to your `devcontainer.json` file](#adding-additional-features-to-your-devcontainerjson-file)."
155+
1. Follow the prompts to customize your definition.
145156
1. Click **OK**.
146-
147-
![Screenshot of the OK button](/assets/images/help/codespaces/prebuilt-container-ok-button.png)
148-
149157
1. If you are working in a codespace, apply your changes, by clicking **Rebuild now** in the message at the bottom right of the window. For more information about rebuilding your container, see "[Applying changes to your configuration](#applying-configuration-changes-to-a-codespace)."
150158

151159
![Screenshot of a prompt to 'Rebuild now'](/assets/images/help/codespaces/rebuild-prompt.png)

content/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/setting-up-your-dotnet-project-for-codespaces.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,9 +39,9 @@ The default development container, or "dev container," for {% data variables.pro
3939

4040
![Screenshot of the 'C# (.NET)' option](/assets/images/help/codespaces/add-csharp-prebuilt-container.png)
4141

42-
1. Click the latest version of .NET.
42+
1. Choose the version of .NET you want to use for your project. In this case, select the version marked "(default)."
4343

44-
![Screenshot of the Node.js version selection](/assets/images/help/codespaces/add-dotnet-version.png)
44+
![Screenshot of the .NET version selection](/assets/images/help/codespaces/add-dotnet-version.png)
4545

4646
1. A list of additional features is displayed. We'll install the .NET CLI, a command-line interface for developing, building, running, and publishing .NET applications. To install this tool, type `dotnet`, select `Dotnet CLI`, then click **OK**.
4747

0 commit comments

Comments
 (0)