DEV Community

Shayne Boyer for Microsoft Azure

Posted on

44 1 2 1

Unveiling VS Code for Web - Azure

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

Sign Up for the Private Preview

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

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (2)

Collapse
 
mannuelf profile image
Mannuel

Awesome 🙌

Collapse
 
bntstr profile image
Bntstr

Whoa

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Explore a sea of insights with this enlightening post, highly esteemed within the nurturing DEV Community. Coders of all stripes are invited to participate and contribute to our shared knowledge.

Expressing gratitude with a simple "thank you" can make a big impact. Leave your thanks in the comments!

On DEV, exchanging ideas smooths our way and strengthens our community bonds. Found this useful? A quick note of thanks to the author can mean a lot.

Okay