{"id":1654,"date":"2025-11-20T16:40:49","date_gmt":"2025-11-20T16:40:49","guid":{"rendered":"https:\/\/devblogs.microsoft.com\/all-things-azure\/?p=1654"},"modified":"2025-11-20T18:17:01","modified_gmt":"2025-11-20T18:17:01","slug":"get-started-with-vs-code-for-the-web","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/all-things-azure\/get-started-with-vs-code-for-the-web\/","title":{"rendered":"Develop Faster with VS Code for the Web \u2013 Azure: Your Browser-Based Dev Environment"},"content":{"rendered":"

Developers can now move from idea to Azure-ready code in minutes with VS Code for the Web \u2013 Azure<\/strong><\/a>. This browser-based environment removes setup time, reduces friction, and gives you immediate access to pre-configured runtimes, GitHub tools, and Azure integrations. As a result, you can start building, editing, and deploying the moment inspiration strikes. For more info, view our VS Code Docs<\/a>.<\/p>\n

\"azurescreenshot<\/a><\/p>\n

Build in the Browser with a Ready-to-Use Azure Environment<\/h2>\n

VS Code for the Web \u2013 Azure<\/a> opens directly in your browser, and it loads a workspace that includes Node.js, Python, Java, C#, Git support, and the Azure Developer CLI (azd). Because everything is ready on day one, you can focus on writing code instead of configuring environments.<\/p>\n

In addition, you can open any GitHub repository, make changes, and commit them without leaving the browser. This workflow helps you iterate quickly and avoid context switching. When you want to continue working locally, you can simply choose \u201cContinue on Desktop\u201d to transition smoothly to the full VS Code app.<\/p>\n

Start Even Faster with New Entry Points<\/h2>\n

To help developers ramp up even quicker, we introduced two new ways to launch VS Code for the Web \u2013 Azure. These entry points create a fast and intuitive path from AI-generated code to a fully editable workspace.<\/p>\n

Start from Microsoft Foundry<\/strong><\/h3>\n

You can now open Foundry-generated agents directly in VS Code for the Web \u2013 Azure.
Here\u2019s how:<\/p>\n

    \n
  1. \n

    Visit the Microsoft Foundry home page<\/strong> at https:\/\/ai.azure.com<\/a>.<\/p>\n<\/li>\n

  2. \n

    Review the code snippet Foundry suggests for your scenario.<\/p>\n<\/li>\n

  3. \n

    Select Open in VS Code<\/strong> to launch the snippet instantly in the VS Code for the Web – Azure workspace.<\/p>\n<\/li>\n<\/ol>\n

    Because this workflow removes unnecessary steps, you can refine, test, and deploy your agent right away.<\/p>\n

    Start from Azure Copilot in the Azure Portal<\/strong><\/h3>\n

    We also added an integration with Azure Copilot in the Azure Portal. This flow helps you go from AI-generated code to a development-ready workspace with a single click.<\/p>\n

    To get started:<\/p>\n

      \n
    1. \n

      Sign in to the Azure Portal<\/strong> at https:\/\/portal.azure.com<\/a>.<\/p>\n<\/li>\n

    2. \n

      Open Azure Copilot<\/strong> and create the scenario you want to build.<\/p>\n<\/li>\n

    3. \n

      After Copilot generates your code, select the file and choose Open in VS Code<\/strong>.<\/p>\n<\/li>\n

    4. \n

      Edit and extend the code in VS Code for the Web \u2013 Azure.<\/p>\n<\/li>\n

    5. \n

      Use GitHub Copilot<\/strong> inside the editor to refine your implementation.<\/p>\n<\/li>\n<\/ol>\n

      This connection bridges AI guidance and hands-on development, allowing you to iterate smoothly.<\/p>\n

      Move from AI to Code to Cloud with Less Friction<\/h2>\n

      With these integrations, you can move quickly at every stage of the development process. You start with AI-suggested code, transition immediately to a ready-to-use workspace, and deploy through built-in Azure tools. Because everything works together, you spend more time building features and less time wiring up environments.<\/p>\n

      Try VS Code for the Web \u2013 Azure Today<\/h2>\n

      VS Code for the Web \u2013 Azure offers a fast, intuitive way to develop cloud applications. With new entry points from Foundry and Azure Copilot, you can open, edit, and deploy code in seconds. As we continue improving the experience, these integrations will play an even bigger role in helping you ship more efficiently.<\/p>\n","protected":false},"excerpt":{"rendered":"

      Developers can now move from idea to Azure-ready code in minutes with VS Code for the Web \u2013 Azure. This browser-based environment removes setup time, reduces friction, and gives you immediate access to pre-configured runtimes, GitHub tools, and Azure integrations. As a result, you can start building, editing, and deploying the moment inspiration strikes. For […]<\/p>\n","protected":false},"author":72432,"featured_media":1743,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure"],"acf":[],"blog_post_summary":"

      Developers can now move from idea to Azure-ready code in minutes with VS Code for the Web \u2013 Azure. This browser-based environment removes setup time, reduces friction, and gives you immediate access to pre-configured runtimes, GitHub tools, and Azure integrations. As a result, you can start building, editing, and deploying the moment inspiration strikes. For […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/posts\/1654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/users\/72432"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/comments?post=1654"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/posts\/1654\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/media\/1743"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/media?parent=1654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/categories?post=1654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/all-things-azure\/wp-json\/wp\/v2\/tags?post=1654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}