diff --git a/.github/images/add-to-devcontainer-button.png b/.github/images/add-to-devcontainer-button.png new file mode 100644 index 0000000..1ba42c5 Binary files /dev/null and b/.github/images/add-to-devcontainer-button.png differ diff --git a/.github/images/configure-dev-container-command.png b/.github/images/configure-dev-container-command.png new file mode 100644 index 0000000..19703f4 Binary files /dev/null and b/.github/images/configure-dev-container-command.png differ diff --git a/.github/images/delete-codespace-command.png b/.github/images/delete-codespace-command.png new file mode 100644 index 0000000..12aa492 Binary files /dev/null and b/.github/images/delete-codespace-command.png differ diff --git a/.github/images/green-code-button.png b/.github/images/green-code-button.png new file mode 100644 index 0000000..bbdca9c Binary files /dev/null and b/.github/images/green-code-button.png differ diff --git a/.github/images/list-of-codespaces.png b/.github/images/list-of-codespaces.png new file mode 100644 index 0000000..36f3ca1 Binary files /dev/null and b/.github/images/list-of-codespaces.png differ diff --git a/.github/images/python-extensions.png b/.github/images/python-extensions.png new file mode 100644 index 0000000..dad2851 Binary files /dev/null and b/.github/images/python-extensions.png differ diff --git a/.github/images/rebuild-codespace-command.png b/.github/images/rebuild-codespace-command.png new file mode 100644 index 0000000..28a952c Binary files /dev/null and b/.github/images/rebuild-codespace-command.png differ diff --git a/.github/images/remote-connection-status.png b/.github/images/remote-connection-status.png new file mode 100644 index 0000000..bed328b Binary files /dev/null and b/.github/images/remote-connection-status.png differ diff --git a/.github/images/run-and-debug-tab.png b/.github/images/run-and-debug-tab.png new file mode 100644 index 0000000..0941664 Binary files /dev/null and b/.github/images/run-and-debug-tab.png differ diff --git a/.github/images/vscode-explorer-tab.png b/.github/images/vscode-explorer-tab.png new file mode 100644 index 0000000..62a8f93 Binary files /dev/null and b/.github/images/vscode-explorer-tab.png differ diff --git a/.github/images/vscode-extensions-tab.png b/.github/images/vscode-extensions-tab.png new file mode 100644 index 0000000..d8931ce Binary files /dev/null and b/.github/images/vscode-extensions-tab.png differ diff --git a/.github/images/vscode-terminal-tab.png b/.github/images/vscode-terminal-tab.png new file mode 100644 index 0000000..3bc4847 Binary files /dev/null and b/.github/images/vscode-terminal-tab.png differ diff --git a/.github/steps/1-first-codespace.md b/.github/steps/1-first-codespace.md index 8836bef..d2ca1e1 100644 --- a/.github/steps/1-first-codespace.md +++ b/.github/steps/1-first-codespace.md @@ -33,13 +33,13 @@ Let's get started! We'll start up a Codespace, run the application, make a chang 1. Above the files list on the right, click the green **<> Code** button. - green code button + green code button 1. Select the **Codespaces** tab and click the **Create codespace on main** button. A new window will open running VS Code and it will connect to the remote Codespace. Wait a few minutes for the codespace to be created. 1. Look in the bottom left of the VS Code window see the remote connection. - remote connection status in VS Code + remote connection status in VS Code > [!TIP] > GitHub uses the [universal](https://github.com/devcontainers/images/tree/main/src/universal) Codespace image if the repository doesn't include a configuration. It includes several useful and commonly used tools. @@ -50,11 +50,11 @@ Let's get started! We'll start up a Codespace, run the application, make a chang 1. In the left sidebar, select the file **Explorer** tab and open the file `src/hello.py`. - vs code explorer tab + vs code explorer tab 1. In the lower panel, select the **TERMINAL** tab. - vs code terminal tab + vs code terminal tab 1. Paste the following command in the Codespace's remote terminal to show the installed versions of several tools. Note the versions for comparison later. diff --git a/.github/steps/2-custom-image.md b/.github/steps/2-custom-image.md index afdc680..7c4435e 100644 --- a/.github/steps/2-custom-image.md +++ b/.github/steps/2-custom-image.md @@ -40,7 +40,7 @@ Let's create this file and set a few of the most common settings. For other opti 1. After saving, VS Code likely popped up a notification that it detected a configuration change. You can **Accept** that option to rebuild the development container or manually use the Command Palette (`CTRL`+`Shift`+`P`) and run the command `Codespaces: Rebuild Container`. Select the **Rebuild** option. A full build is not necessary. - rebuild codespace command + rebuild codespace command 1. Wait a few minutes for the Codespace to rebuild and VS Code to reconnect. diff --git a/.github/steps/3-customize-codespace.md b/.github/steps/3-customize-codespace.md index 5fc4c5d..fff55cb 100644 --- a/.github/steps/3-customize-codespace.md +++ b/.github/steps/3-customize-codespace.md @@ -12,7 +12,7 @@ Let's add the GitHub CLI, extensions to run the python program using VS Code, an Codespaces: Add Dev Container Configuration Files... ``` - vs code configure dev container command + vs code configure dev container command 1. Select the option `Modify your active configuration...`. @@ -39,15 +39,15 @@ Let's add the GitHub CLI, extensions to run the python program using VS Code, an 1. In the left navigation, select the **Extension** tab. - vs code extensions tab + vs code extensions tab 1. Search for `python` and find entries for `Python` and `Python Debugger`. - python extensions for vs code + python extensions for vs code 1. Right click on each entry and select the `Add to devcontainer.json` option. - add to devcontainer config button + add to devcontainer config button 1. Navigate to and open the `.devcontainer/devcontainer.json` file. @@ -116,7 +116,7 @@ The Dev Container specification provides multiple locations to run [lifecycle sc 1. Open the VS Code Command Palette (`CTRL`+`Shift`+`P`) and run the `Codespaces: Rebuild Container` command. Select the **Rebuild** option. A full build is not necessary. - rebuild codespace command + rebuild codespace command 1. Wait a few minutes for the Codespace to rebuild and VS Code to reconnect. @@ -133,11 +133,11 @@ Now that you've rebuilt the codespace, let's verify the python extension, python 1. In the left sidebar, click the extensions tab and verify that the Python extensions are installed and enabled. - python extensions for vs code + python extensions for vs code 1. In the left sidebar, select **Run and Debug** tab and then press the **Start Debugging** icon. VS Code will open the lower panel and show the run logs. - run and debug tab pointing to start button + run and debug tab pointing to start button 1. In the lower panel, switch to the **TERMINAL** tab. diff --git a/.github/steps/4-use-codespace.md b/.github/steps/4-use-codespace.md index 5bc0de7..9bd99bf 100644 --- a/.github/steps/4-use-codespace.md +++ b/.github/steps/4-use-codespace.md @@ -12,11 +12,11 @@ The final test of our Codespace is to put ourselves in the position of an onboar 1. Select the **Codespaces** tab to show the list of created Codespaces. - list of codespaces + list of codespaces 1. Find the active entry, select the three dot menu `...`, and select the **Delete** command. - delete codespace command + delete codespace command > [!TIP] > You can manage all of your Codespaces across all projects at https://github.com/codespaces diff --git a/.github/workflows/0-start-exercise.yml b/.github/workflows/0-start-exercise.yml index 4fb47ea..37f9014 100644 --- a/.github/workflows/0-start-exercise.yml +++ b/.github/workflows/0-start-exercise.yml @@ -18,11 +18,10 @@ jobs: if: | !github.event.repository.is_template name: Start Exercise - uses: skills/exercise-toolkit/.github/workflows/start-exercise.yml@v0.5.0 + uses: skills/exercise-toolkit/.github/workflows/start-exercise.yml@start-exercise-updates with: exercise-title: "Code with Codespaces" intro-message: "Let's create a pre-configured environment to simplify development!" - post_next_step_content: name: Post next step content runs-on: ubuntu-latest