Skip to content

Commit d84d702

Browse files
committed
UI changes
1 parent ab48e5d commit d84d702

3 files changed

Lines changed: 6 additions & 8 deletions

File tree

-191 KB
Loading
13.5 KB
Loading

lab/part07-debugging-with-copilot.md

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,12 +2,12 @@
22

33
In this section, you'll learn how to use Copilot to debug an exception in your application.
44

5-
1. [] Debug the **AppHost** project if it isn't yet, and open the **store** from teh .NET Aspire dashboard.
5+
1. [] Debug the **AppHost** project if it isn't yet, and open the **store** from the .NET Aspire dashboard.
66
1. [] Click on the **Go to About** button in the navigation menu.
77
1. [] Observe that an exception occurs, and the application crashes.
8-
1. [] Press the **Ask Copilot** option in the pop up.
8+
1. [] Press the **Analyze with Copilot** option in the pop up.
99

10-
![Pop up for exception with Ask Copilot option](./images/7-ask-copilot-exception.png)
10+
![Pop up for exception with Analyze with Copilot option](./images/7-ask-copilot-exception.png)
1111

1212
1. [] Review how Copilot brings in debugger information, including stack traces and variable states.
1313
1. [] Note how Copilot recommends a fix for the issue or provides code suggestions to resolve it.
@@ -18,7 +18,7 @@ In this section, you'll learn how to use Copilot to debug an exception in your a
1818

1919
In this subsection, you'll learn how to use Copilot to analyze variables using watch windows and visualizers.
2020

21-
1. [] Open the **Products.razor** file again from the **Products** projet.
21+
1. [] Open the **Products.razor** file again from the **Products** project.
2222
1. [] Add a breakpoint at the end of the **OnInitializedAsync** method.
2323
1. [] Debug the **TinyShop.AppHost** and open the **store** from the .NET Aspire dashboard, and navigate to the **Products** page.
2424
1. [] When the breakpoint is hit, hover over the **imagePrefix** variable.
@@ -34,12 +34,10 @@ In this subsection, you'll learn how to use Copilot to analyze variables using w
3434
![View button on products](./images/7-view-products.png)
3535

3636
1. [] Use the visualizer to inspect the contents of the **products** collection.
37-
1. [] Click the sparkle button and, in natural language, type: `Products that have the name outdoor in them and are under 40 dollars`
37+
1. [] Click the Generate expression button and, in natural language, type: `Products that have the name outdoor in them and are under 40 dollars`
3838
1. [] Observe how Copilot generates the appropriate expression automatically.
3939

40-
![Sparkle icon for visualizer](./images/7-visualizer-sparkle.png)
41-
42-
1. [] Click **Continue in Chat** to have Copilot provide the equivalent LINQ query for the same filter criteria.
40+
![Generate expression for visualizer](./images/7-visualizer-sparkle.png)
4341

4442
**Key Takeaway**: Copilot can enhance debugging by providing detailed insights into variables through watch windows and visualizers. Copilot can simplify complex debugging tasks by generating expressions and LINQ queries based on natural language input.
4543

0 commit comments

Comments
 (0)