Skip to content

Commit a5b1eec

Browse files
authored
Merge pull request #213 from charris-msft/main
Update documentation to reflect Azure MCP integration, remove @Azure
2 parents 6af1397 + 03e1a79 commit a5b1eec

File tree

3 files changed

+81
-87
lines changed

3 files changed

+81
-87
lines changed

Using-GitHub-Copilot-for-Azure-to-Deploy-to-Cloud/01-Getting-Started-with-GitHub-Copilot-for-Azure.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Getting Started with GitHub Copilot for Azure
22

3-
Unlock a more efficient workflow and boost your productivity with GitHub Copilot for Azure Preview. This quick-start guide takes you through everything you need to know, from preparing the prerequisites to installing the GitHub Copilot for Azure extension in Visual Studio Code. By the end, you’ll be equipped to craft your first prompt and fully leverage the Azure platform’s potential.
3+
Unlock a more efficient workflow and boost your productivity with GitHub Copilot for Azure and Azure MCP. This quick-start guide takes you through everything you need to know, from preparing the prerequisites to installing the GitHub Copilot for Azure and Azure MCP extensions in Visual Studio Code. By the end, you’ll be equipped to craft your first prompt and fully leverage the Azure platform’s potential.
44

55

66
</header>
@@ -11,7 +11,7 @@ Unlock a more efficient workflow and boost your productivity with GitHub Copilot
1111

1212

1313
## Prerequisite reading:
14-
- [What is GitHub Copilot for Azure Preview?](https://learn.microsoft.com/azure/developer/github-copilot-azure/introduction)
14+
- [What is GitHub Copilot for Azure?](https://learn.microsoft.com/azure/developer/github-copilot-azure/introduction)
1515

1616

1717
## 👉 Prerequisites
@@ -38,15 +38,15 @@ To complete the steps in this lab, make sure that you have:
3838

3939
[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming)
4040

41-
1. Upon opening VS Code, in the right hans side, click **"Sign in with a GitHub.com account"**.
41+
1. Upon opening VS Code, in the right hand side, click **"Sign in with a GitHub.com account"**.
4242

4343
1. Visual Studio Code will pop up a message asking **"The extension 'GitHub Copilot Chat' wants to sign in using GitHub."** Click **Allow**.
4444

4545
1. You will need to authorize Visual Studio Code to continue with the user signed in. Click the **Continue** button.
4646

4747
1. And complete the authorization by clicking the **Authorize Visual-Studio-Code** button.
4848

49-
1. A popup message will ask to open VS Code. Click **Open**. you will be returned to VS Code, you will be authenticated to GitHub and will have access to **GitHub Copilot**.
49+
1. A popup message will ask to open VS Code. Click **Open**. you will be returned to VS Code, you will be authenticated to GitHub and will have access to **GitHub Copilot**.
5050

5151

5252
1. In Visual Studio Code, select the **Extensions** icon.
@@ -63,30 +63,30 @@ To complete the steps in this lab, make sure that you have:
6363

6464
### ✍️ Step 2: Write your first prompt
6565

66-
1. Now that the extensions are installed, that you're properly authenticated, and that the extension is working correctly.
66+
Now, let's verify that the extensions are installed, that you're properly authenticated, and that the extensions are working correctly.
6767

6868
1. On the Activity Bar, select the **Chat** icon if the **Ask Copilot** pane is closed.
6969

70-
1. In the chat text area at the bottom of the chat pane, enter the following prompt:
70+
1. In the chat text area at the bottom of the chat pane, enable **Agent** mode, set the Model to *Claude Sonnet 4* or *GPT-5*, then enter the following prompt:
7171

7272
```prompt
73-
@azure Do I have any resources currently running?
73+
Do I have any Azure resources currently running?
7474
```
75-
> In the next section you will be asked to authorize applications and services multiple times. This is for your protection and will only be done once. We are authorizing **GitHub**, **VS Code** and **Azure** to trust the prompts with the credentials supplied.
75+
> In the next section you will be asked to authorize applications and services multiple times. This is for your protection and will only be done once. We are authorizing **GitHub**, **VS Code** and **Azure** to trust the prompts with the credentials supplied.
7676
77-
1. You might get a message in the GitHub Copilot Chat pane that states "you need to sign in your Microsoftaccount to use GitHub Copilot for Azure (@Azure)".
77+
1. You might get a message in the GitHub Copilot Chat pane that states "you need to sign in your Microsoft account to use GitHub Copilot for Azure (@Azure)".
7878

7979
1. If you do, click the link in the **"Already have an account? Sign in"** line.
8080
1. Visual Studio Code will pop up a message asking **"The extension 'GitHub Copilot for Azure' wants to sign in using Microsoft."** Click **Allow**.
81-
1. login using the credentials in the existing session, or the credentials found in the Resource Tab of the lab instructions. The same credential as the Azure subscriptions.
82-
1. Close the tab. Not the browser.
81+
1. Login using the credentials in the existing session, or the credentials found in the Resource Tab of the lab instructions. The same credential as the Azure subscriptions.
82+
1. Close the tab. Not the browser.
8383
1. Return to VS Code. Visual Studio Code will pop up a message asking **"The extension 'GitHub Copilot for Azure' wants to access the language models provided by GitHub Copilot Chat."** Click **Allow**.
8484
1. Visual Studio Code will pop up another message asking **"The extension 'GitHub Copilot for Azure' wants to sign in using GitHub."** Click **Allow** again.
85-
1. You will need to authorize Visual Studio Code to continue with the user signed in. Click the **Continue** button
85+
1. You will need to authorize Visual Studio Code to continue with the user signed in. Click the **Continue** button.
8686
1. Complete the authorization by clicking the **Authorize Visual-Studio-Code** button.
87-
1. A popup message will ask to open VS Code. Click **Open**. you will be returned to VS Code, you will be authenticated to GitHub and will have access to **GitHub Copilot**.
87+
1. A popup message will ask to open VS Code. Click **Open**. You will be returned to VS Code, you will be authenticated to GitHub and will have access to **GitHub Copilot**.
8888

89-
1. The Copilot for Azure extension will query the Azure Resource graph, provide you with the resource query and provide the answer. Which at this point should be **You currently do not have any running resources across all your subscriptions.**
89+
1. The GitHub Copilot for Azure extension tools will query the Azure Resource graph, provide you with the resource query and provide the answer. Which at this point should be **You currently do not have any running resources across all your subscriptions.**
9090

9191
### Conclusion
9292

Lines changed: 26 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,57 @@
1-
# Build and deploy your application with GitHub Copilot for Azure
1+
# Build and deploy your application with GitHub Copilot for Azure and Azure MCP
22

3-
This module is a continuation of module 1 and provides a step-by-step guide on using GitHub Copilot for Azure Preview to create and deploy a new website in Azure.
3+
This module is a continuation of module 1 and provides a step-by-step guide on using GitHub Copilot for Azure and Azure MCP to create and deploy a new website in Azure.
44

5-
It highlights an approach to seamlessly integrating GitHub Copilot for Azure into your development and deployment workflow.
5+
It highlights an approach to seamlessly integrating the extensions and their tools into your development and deployment workflow.
66

77
## Prerequisites
88

99
Completion of [Module 1 - Getting Started to use GitHub Copilot for Azure](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/09-Using-GitHub-Copilot-for-Azure-to-Deploy-to-Cloud/01-Getting-Started-with-GitHub-Copilot-for-Azure.md)
1010

11-
## Create and deploy a website by using GitHub Copilot for Azure Preview
11+
## Create and deploy a website by using GitHub Copilot for Azure and Azure MCP
1212

1313
1. Create a new folder on your local computer where you can create a local clone of a GitHub repository.
14-
1. In VS Code click **File**, Then **Open Folder**
15-
1. in the **Open Folder** dialogue box, click **New Folder**, Give the folder a name, select it, then click **Select Folder**
14+
1. In VS Code click **File**, then **Open Folder**.
15+
1. In the **Open Folder** dialogue box, click **New Folder**, give the folder a name, select it, then click **Select Folder**.
1616

17-
1. VS Code will ask you **Do you trust the Authors of the files in this folder?**
18-
1. click the **Yes, I trust the authors**
17+
1. VS Code will ask you **Do you trust the authors of the files in this folder?**
18+
1. click the **Yes, I trust the authors**.
1919

2020
1. In Visual Studio Code, select **View** > **Terminal**. On the terminal pane, go to the new folder.
2121

22-
1. On the status Bar, select the **Chat** (GitHub) icon to open the chat pane.
22+
1. On the status bar, select the **Chat** (GitHub) icon to open the chat pane.
2323

2424
1. Start a new chat session by selecting the plus icon (**+**) on the pane's title bar.
2525

2626
![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat.png "Start a new chat session")
2727

28-
> If you closed the GitHub Copilot Chat after the last Module, click the GitHub icon in the status bar. Bottom-right of your VS Code screen. And select **"GitHub Copilot Chat"** in the option menu.
29-
>
30-
> ![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat-2.png "Start a new chat session")
31-
32-
6. In the chat text box, type the following prompt. Then select **Send** (paper airplane icon) or select Enter on your keyboard.
28+
1. In the chat text box, type the following prompt. Then select **Send** (paper airplane icon) or select Enter on your keyboard.
3329

3430
```prompt
35-
@azure Could you help me create and deploy a simple Flask website by using Python?
31+
Help me create a simple Flask website using Python and deploy it to Azure
3632
```
3733

3834
> **IMPORTANT**
39-
The exact wording of the response is different each time GitHub Copilot for Azure answers, due to how large language models generate responses.
40-
41-
After a moment, GitHub Copilot for Azure likely suggests an `azd` template to use. Or in some cases will provide an answer like the following:
35+
The exact wording of the response is different each time Copilot answers, due to how large language models generate responses.
4236

43-
![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat-3.png "Screenshot that shows a response from GitHub Copilot for Azure with instructions for using a template to create a website in Azure.")
37+
After a moment, Copilot may suggest starting with an `azd` template or may start building the application from scratch.
4438

45-
Just Remember that the Large Language Model will understand what you tell it. Therefore, just have the conversation with it.
39+
Just Remember that the Large Language Model will understand what you tell it. Therefore, just have the conversation with it.
4640

47-
1. If the answer provides a command that begins with `azd init` in a code fence, hover over the code fence to reveal a small pop-up action menu.
41+
1. If the response provides a command that begins with `azd init` in a code fence and Copilot doesn't offer to run the command for you, hover over the code fence to reveal a small pop-up action menu.
4842

4943
![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat-4.png "Screenshot that shows a pop-up menu with an option to insert a code-fenced command into the Visual Studio Code terminal.")
5044

5145
Select **Insert into Terminal** to insert the command into the terminal.
5246

5347
![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat-5.png "Screenshot that shows the Visual Studio Code terminal after insertion of a code-fenced command.")
5448

55-
1. Before you run the `azd init` command, you might have questions about how it affects your local computer and your Azure subscription.
49+
1. Before you run the `azd init` command or allow Copilot to run it for you, you might have questions about how it affects your local computer and your Azure subscription.
5650

5751
Use the following prompt:
5852

5953
```prompt
60-
@azure Before I execute azd init, what does it do?
54+
Before I execute azd init, what does it do?
6155
```
6256

6357
You might see a response that resembles the following screenshot.
@@ -67,7 +61,7 @@ The exact wording of the response is different each time GitHub Copilot for Azur
6761
1. Use the following prompt to learn more about the `azd` template:
6862

6963
```prompt
70-
@azure What resources are created with this template?
64+
What resources are created with this template?
7165
```
7266

7367
You might see a response that resembles the following screenshot.
@@ -77,48 +71,48 @@ The exact wording of the response is different each time GitHub Copilot for Azur
7771
1. Ask questions about the services that the template uses with a prompt like:
7872

7973
```prompt
80-
@azure What is the purpose of a virtual network?
74+
What is the purpose of a virtual network?
8175
```
8276

8377
You might see a response that resembles the following screenshot.
8478

8579
![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat-8.png "Screenshot that shows a response from GitHub Copilot for Azure with an explanation of what a virtual network is.")
8680

87-
1. When you're satisfied, run the `azd init` command in the terminal. Answer its prompts. If you're unsure what to answer for a prompt, ask GitHub Copilot for Azure for help.
81+
1. When you're satisfied, run the `azd init` command. Answer its prompts. If you're unsure what to answer for a prompt, ask Copilot for help.
8882

8983
1. Before you can continue, you must authenticate the `azd` tool by running in the terminal, the following command:
9084

9185
```cmd
9286
azd auth login
9387
```
9488
95-
1. This will open a browser that will require you to authenticate to Azure. select the same credentials as before.
89+
1. This will open a browser that will require you to authenticate to Azure. Select the same credentials as before.
9690
97-
1. Once the new project is initialized,and that you've authenticated to Azure, use **azd up** command to deploy the application to your subscription. In the terminal, run the command according to the instructions in the original prompt's reply.
91+
1. Once the new project is initialized and you've authenticated to Azure, use the `azd up` command to deploy the application to your subscription. In the terminal, run the command according to the instructions in the original prompt's reply or let Copilot run it for you if prompted.
9892
9993
```
10094
azd up
10195
```
10296
10397
1. The `azd up` command asks for information about your subscription, where to deploy the resources, and more.
10498
105-
If you're uncertain how to answer, you can ask GitHub Copilot for Azure for help. For example, you might ask:
99+
If you're uncertain how to answer, you can ask Copilot for help. For example, you might ask:
106100
107101
```prompt
108-
@azure azd up is asking me what location I want to deploy the website into. How should I respond?
102+
azd up is asking me what location I want to deploy the website into. How should I respond?
109103
```
110104
111105
You might see a response that resembles the following screenshot.
112106
113107
![Screenshot that shows the GitHub Copilot chat pane](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/images/mod2-CopilotChat-9.png "Screenshot that shows a response from GitHub Copilot for Azure with an answer that describes what the Azure locations are and how to choose one.")
114108
115-
5. Continue to answer prompts from `azd up`. Ask GitHub Copilot for Azure questions as needed.
109+
5. Continue to answer prompts from `azd up`. Ask Copilot more questions as needed.
116110
117111
1. When asked the location select **Canada Central**.
118112
119113
Depending on the `azd` template that you're deploying and the location that you selected, the template might take 20 to 40 minutes (or more) to deploy. But we can Move on to [Module 3](https://github.com/microsoft/Mastering-GitHub-Copilot-for-Paired-Programming/blob/main/09-Using-GitHub-Copilot-for-Azure-to-Deploy-to-Cloud/03-Get-Answers-to-your-Questions-about-Azure-Services-and-Resources.md) while it completes
120114
121-
1. If `azd up` experiences an error, ask GitHub Copilot for Azure about the error and how you can resolve it.
115+
1. If `azd up` experiences an error, ask Copilot about the error and how you can resolve it.
122116
123117
> **TIP**
124118
> For an easy way to attach the last terminal command results, use the paperclip icon at the bottom left of the chat pane. GitHub Copilot for Azure doesn't know the terminal command results unless they are copy/pasted or attached via the paperclip.

0 commit comments

Comments
 (0)