From 16d19de17b636b275593a288627c4aa610c3c1cb Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Thu, 13 Nov 2025 16:06:13 -0500 Subject: [PATCH 01/12] update VS Code for the Web - Azure docs to reflect Ignite releases + latest changes --- docs/azure/vscodeforweb.md | 50 ++++++++++++++++++++++++++++---------- 1 file changed, 37 insertions(+), 13 deletions(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 401be780f1..7a50c8a887 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -5,11 +5,11 @@ DateApproved: 05/12/2025 --- # VS Code for the Web - Azure -VS Code for the Web is a zero-install and browser-based version of Visual Studio Code. The `/azure` (for short) environment, accessible via , is a dedicated space for Azure development, allowing you to run, debug, and deploy applications to Azure in seconds. +VS Code for the Web is a zero-install and browser-based version of Visual Studio Code. The `/azure` (for short) environment, accessible via , is a dedicated space for Azure development, allowing you to run, debug, and deploy applications to Azure in seconds. 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. - +![VS Code for the Web Azure](./images/vscodeforweb/azurescreenshot.png) ## Getting started @@ -24,11 +24,11 @@ The `/azure` environment includes everything you need to start developing and de All major runtimes are pre-installed: * Python - 3.12.9 -* Java - openjdk 17.0.14 2025-01-21 LTS - * OpenJDK Runtime Environment Microsoft-10800290 (build 17.0.14+7-LTS) - * OpenJDK 64-Bit Server VM Microsoft-10800290 (build 17.0.14+7-LTS, mixed mode, sharing) +* Java - openjdk 17.0.16 2025-07-15 LTS + * OpenJDK Runtime Environment Microsoft-11926113 (build 17.0.16+8-LTS) + * OpenJDK 64-Bit Server VM Microsoft-11926113 (build 17.0.16+8-LTS, mixed mode, sharing) * Node.js - v20.14.0 -* C# - 9.0.0 +* C# - 9.0.304 ### GitHub repositories @@ -45,7 +45,7 @@ Within this experience, you have two options for local continuation: ## Azure entry points -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. +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 **Home Page**. See more in the sample use cases or scenarios section. To get started: @@ -54,6 +54,12 @@ To get started: 3. Select **View Code**, and then select your programming language and SDK. 4. Launch directly into VS Code using the **Open in VS Code** button for the Web with **one click**. +Alternatively, you can create an agent from Microsoft Foundry Home Page (more details below): + +1. Visit the Homepage for Microsoft Foundry (https://ai.azure.com) +2. View the suggested code snippet generated on the home page +3. Click **Open in VS Code** to one-click create an agent based on the code generated + 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. To get started: @@ -63,19 +69,35 @@ To get started: 3. Select **Open in VS Code** from the dropdown menu 4. Launch directly into VS Code and use GitHub Copilot to answer any questions you might have. +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. + +To get started: + +1. Navigate to portal.azure.com and sign in +2. Navigate to Azure Copilot and start developing a scenario you'd like to build +3. Once Copilot has generated code, click on the code file generated and **Open in VS Code** +4. Launch directly in VS Code and use GitHub Copilot to answer any further questions. + ## Sample use cases or scenarios The following are commonly used scenarios for the `\azure` environment. -* [Using Azure AI Foundry to create a model deployment and open your code in VS Code](https://ai.azure.com) +* [Using Microsoft Foundry to create an agent](https://ai.azure.com) + + 1. Access the Microsoft Foundry NextGen portal and select **Open in VS Code** next to the code generated for your agent + 2. Let the VS Code for the Web - Azure environment initialize and setup your environment + 3. Read the README file and follow the steps to run the **create_and_run_agent.py** file + 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 - 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. +* [Using Microsoft Foundry to create a model deployment and open your code in VS Code](https://ai.azure.com) - ![Screenshot that shows Azure AI Foundry Portal](images/vscodeforweb/first.png) + 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. + + ![Screenshot that shows Microsoft Foundry Portal](images/vscodeforweb/first.png) 2. Provision the model endpoint from the gpt-4o-mini model card. - ![Screenshot that shows Azure AI Foundry Portal Model](images/vscodeforweb/second.png) + ![Screenshot that shows Microsoft Foundry Portal Model](images/vscodeforweb/second.png) 3. Arrive in the agents playground, alter generation controls like max responses and past messages. Add knowledge, tools, and actions. @@ -141,6 +163,8 @@ The following are commonly used scenarios for the `\azure` environment. * [Rapid prototyping with VS Code extensions and Python](https://code.visualstudio.com/docs/python/python-quick-start) +* [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) + ## Limitations Although VS Code for the Web is almost at parity with VS Code on the desktop, there are some limitations to the development environment: @@ -155,13 +179,13 @@ If you encounter any issues with VS Code for the Web – Azure, please log an is ### Account type prompt issue -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 . +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 vscode.dev/azure. To fix this, navigate to . ![Screenshot that shows Account Type](images/vscodeforweb/tbs1.png) ### Connection issue -If you're unable to connect to , you can usually fix it by resetting your Azure Cloud Shell. This can be done from the Azure Portal. +If you're unable to connect to , you can usually fix it by resetting your Azure Cloud Shell. This can be done from the Azure Portal. Open Cloud Shell in the Azure Portal using the button in the top right corner. From 4151e1b74e8c698fe0587af312da7523bc459961 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:15:04 -0500 Subject: [PATCH 02/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 7a50c8a887..7204cf5d8d 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -45,7 +45,7 @@ Within this experience, you have two options for local continuation: ## Azure entry points -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 **Home Page**. See more in the sample use cases or scenarios section. +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. To get started: From c3f4c74963f7bd32e3c4006302cc809c19956832 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:15:14 -0500 Subject: [PATCH 03/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 7204cf5d8d..e67d75c6ee 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -54,7 +54,7 @@ To get started: 3. Select **View Code**, and then select your programming language and SDK. 4. Launch directly into VS Code using the **Open in VS Code** button for the Web with **one click**. -Alternatively, you can create an agent from Microsoft Foundry Home Page (more details below): +Alternatively, you can create an agent from the Microsoft Foundry home page: 1. Visit the Homepage for Microsoft Foundry (https://ai.azure.com) 2. View the suggested code snippet generated on the home page From 8e379758a1a1835cdf499bf09696825419a36651 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:15:29 -0500 Subject: [PATCH 04/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index e67d75c6ee..5d9b1ece99 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -56,7 +56,7 @@ To get started: Alternatively, you can create an agent from the Microsoft Foundry home page: -1. Visit the Homepage for Microsoft Foundry (https://ai.azure.com) +1. Open the Microsoft Foundry home page () 2. View the suggested code snippet generated on the home page 3. Click **Open in VS Code** to one-click create an agent based on the code generated From 16dbde00f7bc044e5fe9d62134143bb7a3982279 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:15:37 -0500 Subject: [PATCH 05/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 5d9b1ece99..6327d63641 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -58,7 +58,7 @@ Alternatively, you can create an agent from the Microsoft Foundry home page: 1. Open the Microsoft Foundry home page () 2. View the suggested code snippet generated on the home page -3. Click **Open in VS Code** to one-click create an agent based on the code generated +3. Select **Open in VS Code** for a one-click experience to create an agent based on the generated code 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. From fe51640240de3043c0b2b33b4518950e4d94ed90 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:15:51 -0500 Subject: [PATCH 06/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 6327d63641..42f724697a 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -73,7 +73,7 @@ We also have integrations with the Azure Portal. Developers can now access an "O To get started: -1. Navigate to portal.azure.com and sign in +1. Open the [Azure portal](portal.azure.com) and sign in with your Azure account 2. Navigate to Azure Copilot and start developing a scenario you'd like to build 3. Once Copilot has generated code, click on the code file generated and **Open in VS Code** 4. Launch directly in VS Code and use GitHub Copilot to answer any further questions. From b78c6bb4bfb85fc73f39b6dabd1502b42166fc46 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:15:59 -0500 Subject: [PATCH 07/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 42f724697a..a0fe08c90c 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -75,7 +75,7 @@ To get started: 1. Open the [Azure portal](portal.azure.com) and sign in with your Azure account 2. Navigate to Azure Copilot and start developing a scenario you'd like to build -3. Once Copilot has generated code, click on the code file generated and **Open in VS Code** +3. Once Copilot has generated code, select the generated code file and select **Open in VS Code** 4. Launch directly in VS Code and use GitHub Copilot to answer any further questions. ## Sample use cases or scenarios From e09f8bcc77555de51279681f43cdf1ec635eb0d1 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:16:08 -0500 Subject: [PATCH 08/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index a0fe08c90c..3a4874bfe5 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -85,7 +85,7 @@ The following are commonly used scenarios for the `\azure` environment. * [Using Microsoft Foundry to create an agent](https://ai.azure.com) 1. Access the Microsoft Foundry NextGen portal and select **Open in VS Code** next to the code generated for your agent - 2. Let the VS Code for the Web - Azure environment initialize and setup your environment + 2. Let the VS Code for the Web - Azure environment initialize and set up your environment 3. Read the README file and follow the steps to run the **create_and_run_agent.py** file 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 From 28f76e41ab9e9ef1a52c50480db4de3c9ca905ad Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:18:32 -0500 Subject: [PATCH 09/12] Adding image to docs page for VS Code for the Web - Azure --- docs/azure/images/vscodeforweb/azurescreenshot.png | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 docs/azure/images/vscodeforweb/azurescreenshot.png diff --git a/docs/azure/images/vscodeforweb/azurescreenshot.png b/docs/azure/images/vscodeforweb/azurescreenshot.png new file mode 100644 index 0000000000..175afdbc94 --- /dev/null +++ b/docs/azure/images/vscodeforweb/azurescreenshot.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:1030ef5bb0460b37a95d845b6c83ccbe6f4b90bbbcb6b0673702c95af2d94ddf +size 339996 From eb7cfb830848ad90a999bfaff77239f0d59a393a Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:30:21 -0500 Subject: [PATCH 10/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 3a4874bfe5..2c4a66f776 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -69,7 +69,7 @@ To get started: 3. Select **Open in VS Code** from the dropdown menu 4. Launch directly into VS Code and use GitHub Copilot to answer any questions you might have. -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. +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. To get started: From 05fc01070fddc04425db287e90234f879192d154 Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Fri, 14 Nov 2025 14:41:21 -0500 Subject: [PATCH 11/12] update to remove redundancy within docs page --- docs/azure/vscodeforweb.md | 5 ----- 1 file changed, 5 deletions(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index 2c4a66f776..f7625c3852 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -177,11 +177,6 @@ Although VS Code for the Web is almost at parity with VS Code on the desktop, th 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) -### Account type prompt issue - -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 vscode.dev/azure. To fix this, navigate to . - -![Screenshot that shows Account Type](images/vscodeforweb/tbs1.png) ### Connection issue From 6d9c4c03fdc6d1754e6ab483526384dda78dbdff Mon Sep 17 00:00:00 2001 From: Meera Haridasa Date: Mon, 17 Nov 2025 14:18:38 -0500 Subject: [PATCH 12/12] Update docs/azure/vscodeforweb.md Co-authored-by: Nick Trogh --- docs/azure/vscodeforweb.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/azure/vscodeforweb.md b/docs/azure/vscodeforweb.md index f7625c3852..b785041751 100644 --- a/docs/azure/vscodeforweb.md +++ b/docs/azure/vscodeforweb.md @@ -73,7 +73,7 @@ We also have integrations with the Azure portal. Developers can now access an "O To get started: -1. Open the [Azure portal](portal.azure.com) and sign in with your Azure account +1. Open the [Azure portal](https://portal.azure.com) and sign in with your Azure account 2. Navigate to Azure Copilot and start developing a scenario you'd like to build 3. Once Copilot has generated code, select the generated code file and select **Open in VS Code** 4. Launch directly in VS Code and use GitHub Copilot to answer any further questions.