Skip to content

Commit 757d8da

Browse files
committed
added model playground
1 parent 053ea6d commit 757d8da

File tree

3 files changed

+18
-3
lines changed

3 files changed

+18
-3
lines changed

articles/ai-foundry/how-to/develop/get-started-projects-vs-code.md

Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -265,16 +265,31 @@ Create a sample code file using the following steps.
265265

266266
#### Sample code file
267267

268-
The sample code file that demonstrates how to use Azure's AI Inference SDK to interact with a deployed language model:
268+
The sample code file that demonstrates a basic call to the chat completion API. The call is synchronous:
269269

270270
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/sample-code-file.png" alt-text="Screenshot of generated sample code file." lightbox="../../media/how-to/get-started-projects-vs-code/sample-code-file.png":::
271271

272272
### Interact with models using a model playground
273273

274-
If you need to do some testing before diving into code, the Playground is the right place for you.
275-
276274
Chat interactively with the model and change settings and system instructions using the model playground.
277275

276+
Open the model playground using the following steps:
277+
278+
1. Right-click on your deployed model and select the **Open in playground** option.
279+
280+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/open-playground.png" alt-text="Screenshot of the model context menu with the Open in playground option highlighted." lightbox="../../media/how-to/get-started-projects-vs-code/open-playground.png":::
281+
282+
1. The **Playground** page is displayed.
283+
284+
:::image type="content" source="../../media/how-to/get-started-projects-vs-code/display-playground.png" alt-text="Screenshot of the **Playground** page in VS Code." lightbox="../../media/how-to/get-started-projects-vs-code/display-playground.png":::
285+
286+
1. Type your prompt and see the outputs.
287+
288+
1. Additionally, you can use **View code** in the top-right corner to see details about how to access the model deployment programmatically.
289+
290+
1. Select the **History** link at the top-left of the playground to view the chat history.
291+
292+
278293
## Working with Azure AI Agent Service
279294

280295
### Create and edit Azure AI Agents within the designer view
92.9 KB
Loading
5.85 KB
Loading

0 commit comments

Comments
 (0)