diff --git a/doc/articles/studio/Hot Design/Assets/vscode-csproj-selection.png b/doc/articles/studio/Hot Design/Assets/vscode-csproj-selection.png new file mode 100644 index 000000000000..48d5903c0ecb Binary files /dev/null and b/doc/articles/studio/Hot Design/Assets/vscode-csproj-selection.png differ diff --git a/doc/articles/studio/Hot Design/hot-design-getstarted-counter-tutorial.md b/doc/articles/studio/Hot Design/hot-design-getstarted-counter-tutorial.md index 7ddfd290e16d..1c768c7c59b8 100644 --- a/doc/articles/studio/Hot Design/hot-design-getstarted-counter-tutorial.md +++ b/doc/articles/studio/Hot Design/hot-design-getstarted-counter-tutorial.md @@ -78,8 +78,17 @@ The template will create a solution with a single cross-platform project, named - Select **Blank** in **Presets** selection - Select the **Presentation** tab and choose **MVUX** - Click **Create** to complete the wizard -- Copy the `dotnet new` command and run it from a terminal -This will create a new folder called **Counter** containing the new application. +- Copy the `dotnet new` command and run it from a terminal where you want your solution to be located. +- This will create a new folder called **Counter** containing the new application. +- Next, open the project using Visual Studio Code. In the terminal type the following: + + ```bash + code ./Counter + ``` + +- Visual Studio Code might ask to restore the NuGet packages. Allow it to restore them if asked. +- Once the solution has been loaded, in the status bar at the bottom left of VS Code, `Counter.sln` is selected by default. Select `Counter.csproj` to load the project instead. +![Counter.csproj selection in Visual Studio Code](Assets/vscode-csproj-selection.png) ### [Command Line](#tab/cli) @@ -111,6 +120,10 @@ Before you run the application, switch the target platform to **Desktop** (net8. - [Visual Studio](xref:Uno.GettingStarted.CreateAnApp.VS2022#debug-the-app) - [VS Code](xref:Uno.GettingStarted.CreateAnApp.VSCode#debug-the-app) + > [!IMPORTANT] + > In the status bar at the bottom left of VS Code, ensure `Counter.csproj` is selected (by default `Counter.sln` is selected). + > + > ![Counter.csproj selection in Visual Studio Code](Assets/vscode-csproj-selection.png) - [Rider](xref:Uno.GettingStarted.CreateAnApp.Rider#debug-the-app) > [!IMPORTANT]