You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/azure/vscodeforweb.md
+36-17Lines changed: 36 additions & 17 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -5,11 +5,11 @@ DateApproved: 05/12/2025
5
5
---
6
6
# VS Code for the Web - Azure
7
7
8
-
VS Code for the Web is a zero-install and browser-based version of Visual Studio Code. The `/azure` (for short) environment, accessible via <https://insiders.vscode.dev/azure>, is a dedicated space for Azure development, allowing you to run, debug, and deploy applications to Azure in seconds.
8
+
VS Code for the Web is a zero-install and browser-based version of Visual Studio Code. The `/azure` (for short) environment, accessible via <https://vscode.dev/azure>, is a dedicated space for Azure development, allowing you to run, debug, and deploy applications to Azure in seconds.
9
9
10
10
Powered by [Azure Cloud Shell](https://learn.microsoft.com/en-us/azure/cloud-shell/overview), this environment offers up to **4 hours of compute time**, eliminating the need to manually configure dev environments or install dependencies. `/azure` comes preloaded with the latest libraries, extensions, and tools to get you coding instantly.
11
11
12
-
<iframewidth="560"height="315"src="https://www.youtube-nocookie.com/embed/qmJigVn8gcg?si=1NTRy3uSohVrqY1e"title="Announcing VS Code for the Web"frameborder="0"allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe>
12
+
13
13
14
14
## Getting started
15
15
@@ -24,11 +24,11 @@ The `/azure` environment includes everything you need to start developing and de
* OpenJDK 64-Bit Server VM Microsoft-11926113 (build 17.0.16+8-LTS, mixed mode, sharing)
30
30
* Node.js - v20.14.0
31
-
* C# - 9.0.0
31
+
* C# - 9.0.304
32
32
33
33
### GitHub repositories
34
34
@@ -45,7 +45,7 @@ Within this experience, you have two options for local continuation:
45
45
46
46
## Azure entry points
47
47
48
-
The `/azure` experience integrates with Azure AI Foundry to bring code closer to developers. Buttons like **Open in VS Code for the Web** are available directly within environments like the **Chat Playground** and **Agent Playground**. See more in the sample use cases or scenarios section.
48
+
The `/azure` experience integrates with Microsoft Foundry to bring code closer to developers. Buttons like **Open in VS Code for the Web** are available directly within environments like the **Chat Playground** and **Agent Playground** and the **Microsoft Foundry home page**. See more in the sample use cases or scenarios section.
49
49
50
50
To get started:
51
51
@@ -54,6 +54,12 @@ To get started:
54
54
3. Select **View Code**, and then select your programming language and SDK.
55
55
4. Launch directly into VS Code using the **Open in VS Code** button for the Web with **one click**.
56
56
57
+
Alternatively, you can create an agent from the Microsoft Foundry home page:
58
+
59
+
1. Open the Microsoft Foundry home page (<https://ai.azure.com>)
60
+
2. View the suggested code snippet generated on the home page
61
+
3. Select **Open in VS Code** for a one-click experience to create an agent based on the generated code
62
+
57
63
Additionally, developers can get started with templates using the AI App Gallery(https://aka.ms/aiapps) and select **Open in VS Code** to launch their template in one operation to the `/azure` environment.
58
64
59
65
To get started:
@@ -63,19 +69,35 @@ To get started:
63
69
3. Select **Open in VS Code** from the dropdown menu
64
70
4. Launch directly into VS Code and use GitHub Copilot to answer any questions you might have.
65
71
72
+
We also have integrations with the Azure portal. Developers can now access an "Open in VS Code" button from Azure Copilot when they generate code.
73
+
74
+
To get started:
75
+
76
+
1. Open the [Azure portal](https://portal.azure.com) and sign in with your Azure account
77
+
2. Navigate to Azure Copilot and start developing a scenario you'd like to build
78
+
3. Once Copilot has generated code, select the generated code file and select **Open in VS Code**
79
+
4. Launch directly in VS Code and use GitHub Copilot to answer any further questions.
80
+
66
81
## Sample use cases or scenarios
67
82
68
83
The following are commonly used scenarios for the `\azure` environment.
69
84
70
-
*[Using Azure AI Foundry to create a model deployment and open your code in VS Code](https://ai.azure.com)
85
+
*[Using Microsoft Foundry to create an agent](https://ai.azure.com)
71
86
72
-
1. From the Azure AI Foundry portal, select the best model for your use case, including o3, o4-mini or MAI-DS-R1 from Foundry Models. In this case, we’ll use gpt-4o-mini as an example model for an agent workflow.
87
+
1. Access the Microsoft Foundry NextGen portal and select **Open in VS Code** next to the code generated for your agent
88
+
2. Let the VS Code for the Web - Azure environment initialize and set up your environment
89
+
3. Read the README file and follow the steps to run the **create_and_run_agent.py** file
90
+
4. Your agent will be created and has run successfully! Continue using the Foundry Extension (pre-installed) to fine-tune your agent or follow the steps below to create an application with your agent
73
91
74
-
92
+
*[Using Microsoft Foundry to create a model deployment and open your code in VS Code](https://ai.azure.com)
93
+
94
+
1. From the Microsoft Foundry portal, select the best model for your use case, including o3, o4-mini or MAI-DS-R1 from Foundry Models. In this case, we’ll use gpt-4o-mini as an example model for an agent workflow.
95
+
96
+
75
97
76
98
2. Provision the model endpoint from the gpt-4o-mini model card.
77
99
78
-
100
+
79
101
80
102
3. Arrive in the agents playground, alter generation controls like max responses and past messages. Add knowledge, tools, and actions.
81
103
@@ -141,6 +163,8 @@ The following are commonly used scenarios for the `\azure` environment.
141
163
142
164
*[Rapid prototyping with VS Code extensions and Python](https://code.visualstudio.com/docs/python/python-quick-start)
143
165
166
+
*[Create, Edit, and Deploy an Agents with Azure Copilot](https://review.learn.microsoft.com/en-us/azure/copilot/deployment-agent?branch=release-ignite-azure-copilot)
167
+
144
168
## Limitations
145
169
146
170
Although VS Code for the Web is almost at parity with VS Code on the desktop, there are some limitations to the development environment:
@@ -153,15 +177,10 @@ Although VS Code for the Web is almost at parity with VS Code on the desktop, th
153
177
154
178
If you encounter any issues with VS Code for the Web – Azure, please log an issue in our [GitHub repository](https://github.com/microsoft/vscode-dev-azure)
155
179
156
-
### Account type prompt issue
157
-
158
-
If you see a prompt asking "What type of account did you use to start this tunnel?" then it's likely that you're on vscode.dev/azure and not insiders.vscode.dev/azure. Currently this product is only available on Insiders. To fix this, navigate to <https://insiders.vscode.dev/azure>.
159
-
160
-
161
180
162
181
### Connection issue
163
182
164
-
If you're unable to connect to <https://insiders.vscode.dev/azure>, you can usually fix it by resetting your Azure Cloud Shell. This can be done from the Azure Portal.
183
+
If you're unable to connect to <https://vscode.dev/azure>, you can usually fix it by resetting your Azure Cloud Shell. This can be done from the Azure Portal.
165
184
166
185
Open Cloud Shell in the Azure Portal using the button in the top right corner.
0 commit comments