Skip to content

Commit 67f901e

Browse files
committed
Update Chat Tutorial
1 parent f1f8920 commit 67f901e

File tree

4 files changed

+2
-45
lines changed

4 files changed

+2
-45
lines changed

docs/copilot/getting-started-chat.md

Lines changed: 2 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ Follow these steps to [set up GitHub Copilot in VS Code](/docs/copilot/setup.md)
2626

2727
Copilot Chat is a chat interface that lets you interact with GitHub Copilot, to ask and receive answers to coding-related questions. The chat interface provides access to coding information and support without requiring you to navigate documentation or search online forums.
2828

29-
In this tutorial, you'll be creating a simple Node.js web application. So, let's get started and ask Copilot to tell us more about web frameworks for Node.js.
29+
In this tutorial, you'll be creating a simple Node.js web application.
3030

3131
1. Open the Chat view from the Command Center chat menu or press `kb(workbench.action.chat.open)`.
3232

@@ -35,40 +35,6 @@ In this tutorial, you'll be creating a simple Node.js web application. So, let's
3535
> [!TIP]
3636
> You can access different Copilot features from the Command Center menu at any time.
3737
38-
1. In the chat input field, enter *give a list of nodejs web server frameworks*, and then press `kb(workbench.action.chat.submit)` to send the request to Copilot.
39-
40-
Copilot returns a list of web frameworks and with some additional information. So, you can search for coding information while you stay in VS Code.
41-
42-
Note that your results might be different from what is shown in the screenshots. AI models are non-deterministic, which means that they can return different responses when asked the same question. This might be due to additional learning and adaption over time, language variation, changes in context, such as your chat history, and more.
43-
44-
![Screenshot of VS Code, showing the Copilot Chat view, showing the chat response and a suggested follow-up question.](./images/getting-started-chat/copilot-chat-view-node-frameworks.png)
45-
46-
Notice that Copilot also suggests relevant follow-up questions, which you can select to directly submit directly to Copilot.
47-
48-
> [!TIP]
49-
> To get help about GitHub Copilot and how to interact with Copilot Chat, you can type `/help` in the chat input field.
50-
51-
1. Let's get more information about Express.js. Enter *how to get started with express* in the chat input field.
52-
53-
The response contains step-by-step instructions for setting up an Express.js app and might also include code blocks with shell commands or implementation code. Code blocks in the chat response support IntelliSense, which enables you get information about methods and symbols by hovering over them, or to go to their definition.
54-
55-
![Screenshot of VS Code Copilot Chat view, showing the chat response with code blocks in the response.](./images/getting-started-chat/copilot-chat-view-express-app.png)
56-
57-
When Copilot returns a code block, you can select the **Apply in Editor** button to let Copilot insert the code in the active editor for you at the appropriate location. Alternatively, you can also insert the code at the cursor position, or copy the code to the clipboard.
58-
59-
![Screenshot of VS Code Copilot Chat view, showing the context menu for code blocks.](./images/getting-started-chat/copilot-chat-view-code-block-actions.png)
60-
61-
When the chat response contains links to a file, you can drag and drop that file from the Chat view to the editor to open it.
62-
63-
> [!TIP]
64-
> Experiment with different questions and see how Copilot responds. For example, you can ask for only code samples ("give me 3 code samples to create an express app"), or ask how to add basic authentication to an Express app ("how to create an express app with basic auth"), and much more!
65-
66-
## Generate a new workspace
67-
68-
Even to create a simple Express.js application involves creating multiple files: a JavaScript file to set up the server, a `package.json`, HTML (template) files, and more. Rather than asking Copilot to generate each individual file, you can instruct it to create an entire workspace for you.
69-
70-
Let's ask Copilot to generate a workspace for an Express.js and Pug application.
71-
7238
1. Enter *@workspace /new express with typescript and pug* in the chat input field, and press `kb(workbench.action.chat.submit)` to send the request.
7339

7440
Notice how this chat prompt is structured to provide clear and concise instructions to Copilot. Let's break it down:
@@ -93,7 +59,7 @@ Congratulations! You've just created a workspace with Copilot Chat by using natu
9359

9460
## Use chat participants
9561

96-
Previously, you already used the `@workspace` chat participant to generate a new workspace, but you can also use it to ask questions about the actual code in the workspace.
62+
Previously, you used the `@workspace` chat participant to generate a new workspace, but you can also use it to ask questions about the actual code in the workspace.
9763

9864
Let's iterate on our generated Express app and add a new page to it.
9965

docs/copilot/images/getting-started-chat/copilot-chat-view-code-block-actions.png

Lines changed: 0 additions & 3 deletions
This file was deleted.

docs/copilot/images/getting-started-chat/copilot-chat-view-express-app.png

Lines changed: 0 additions & 3 deletions
This file was deleted.

docs/copilot/images/getting-started-chat/copilot-chat-view-node-frameworks.png

Lines changed: 0 additions & 3 deletions
This file was deleted.

0 commit comments

Comments
 (0)