Unveiling VS Code for Web - Azure

Shayne Boyer - Nov 11 - - Dev Community

Watch the live stream replay - View the VS Code You Tube

Sign Up for the Private Preview - https://aka.ms/VSCodefortheWebAzure

Welcome to the freshly minted VS Code for Web - Azure, a development environment designed to simplify your Azure app building experience. This synergistic blend of VS Code and Azure is geared towards developers, offering a universal environment powered by Azure, to create, debug, and deploy applications. Let's dive into this transformative upgrade, its offerings, and how it revolutionizes the development experience.

Why Choose VS Code for Web - Azure?

VS Code for Web - Azure is a potent tool for developers looking to deploy their apps using Azure services seamlessly. Boasting a host of Azure's incredible features, this fully-fledged development environment is baked into the browser, unleashing the power of Azure development minus the intimidating setup process. The best part? It syncs seamlessly with your Azure subscription, bringing the universe of Azure services right at your doorstep.

Check out the discussion during an interactive live stream with insightful commentary by Olivia, a Developer Advocate on the VS Code team, Alex, an engineer on the Azure extensions team, and Meera, a Product Manager in the Azure Dev Tools team.

Watch the live stream replay - View the VS Code You Tube

One-click Provision and Deploy

Through the arsenal of curated Azure Developer CLI (azd) templates, you can effortlessly deploy a containerized app, configure CI/CD, or even launch your machine learning model. This simple Flask app or an intricate AI app is only a click away!

Check out the new AI Azure App Templates

Image description

Clicking on 'try template,' brings you to VS Code for the Web. You will be required to sign in to your Azure account, a one-time process that carries over to all your future sessions. With a swift click on 'one-click provision and deploy,' and choosing your Azure subscription and Azure location, you set in motion a series of automated processes, leading up to deploying the app. What's more, while your deployment is underway, you could get busy beneath the surface with the host of features enlisted in the walkthrough.

The Power of Azure on Your Browser

From conversing with GitHub copilot, a preloaded option, and an enviable service that suggests code and auto-completes your lines to managing your Azure resources, you are thrust into an all-in-one space for effective project management. Whether it's deploying your app using Azure CLI or using the Azure Developer CLI, the terminal employed in VS Code for Web - Azure is a wellspring of opportunities.

As a developer, you can now get a handle on all your Azure subscriptions, monitor and manage Azure applications, using CI/CD, build your app, and deploy it all within this single space! Notably, all these services are tethered to anchored compute, allowing for an array of tasks.

Saving Your Work

When dealing with a web-based coding environment, an immediate concern is retaining changes made to your code. Fortunately, you can save the changes to your projects in VS Code for Web - Azure by committing your code to GitHub. With just a few clicks, every line and letter could be saved to your GitHub repository.

Conclusion

VS Code for Web - Azure dispenses the need for bouncing between different applications, simplifies the initiation process, and mitigates the cognitive overhead associated with juggling various tools.

The private preview phase of VS Code for Web - Azure is an invite for feedback from developers worldwide. What's your take on this exciting new development environment, and what features would make your coding experience more enjoyable?

References

Azure Developer Tools
Azure Cloud Shell
GitHub Copilot
VS Code Azure Extensions

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .