diff --git a/package.json b/package.json
index 6c4f4c71..b9be9196 100644
--- a/package.json
+++ b/package.json
@@ -560,6 +560,41 @@
}
],
"walkthroughs": [
+ {
+ "id": "vscodeDevWalkthrough",
+ "when": "isWeb",
+ "title": "Deploy your application with VS Code for the Web - Azure",
+ "description": "Your project contains an azure.yaml file, you can provision and deploy your app in a single step with the azd CLI.",
+ "steps": [
+ {
+ "id": "deploy",
+ "title": "Deploy your template",
+ "description": "This environment includes the [Azure Developer CLI](https://learn.microsoft.com/en-us/azure/developer/azure-developer-cli/overview), you can use it to run, bug, and deploy Azure applications.Your app has been initialized for you already (``azd init``).\nProvision and deploy your app to Azure (``azd up``) by right clicking your azure.yaml file and selecting up from the context menu (pictured) or by clicking the button below.\n[One-click provision + deploy](command:azure-dev.commands.cli.up)\nTip: You can also run the ``azd up`` command in the [Command Palette](command:workbench.action.quickOpen?%5B%22%3E%20Azure%20Developer%20CLI%20%28azd%29%3A%20up%22%5D) or your terminal to provision and deploy your app.",
+ "media": {
+ "svg": "resources/vscode-dev-walkthrough/azdUp.svg",
+ "altText": "Right click azure.yaml to deploy"
+ }
+ },
+ {
+ "id": "chatWithCopilot",
+ "title": "Chat with Copilot",
+ "description": "Ask Copilot general programming questions with chat. Copilot can also fix problems, scaffold tests, or refactor your code. Type ``/`` while in Copilot to view all available chat commands. Use ``cmd + i`` to open inline chat.\n[Chat with GitHub Copilot](command:workbench.panel.chat.view.copilot.focus)\nTip: You can use [GitHub Copilot for Azure](https://aka.ms/GetGitHubCopilotForAzure) (``@azure``) to view and manage your Azure resources from within GitHub Copilot.",
+ "media": {
+ "svg": "resources/vscode-dev-walkthrough/chatWithCopilot.svg",
+ "altText": "Chat with Copilot"
+ }
+ },
+ {
+ "id": "azureExtensions",
+ "title": "Leverage Azure extensions",
+ "description": "The environment is fully equipped with Azure VS Code extensions. These extensions make Azure development easier to create, run and deploy your applications.\n[View Azure Extensions](command:workbench.view.extension.azure)",
+ "media": {
+ "svg": "resources/vscode-dev-walkthrough/azureExtensions.svg",
+ "altText": "Chat with Copilot"
+ }
+ }
+ ]
+ },
{
"id": "azure-get-started",
"title": "Get Started with Azure in VS Code",
diff --git a/resources/vscode-dev-walkthrough/azdUp.svg b/resources/vscode-dev-walkthrough/azdUp.svg
new file mode 100644
index 00000000..2d8fdd98
--- /dev/null
+++ b/resources/vscode-dev-walkthrough/azdUp.svg
@@ -0,0 +1,157 @@
+
\ No newline at end of file
diff --git a/resources/vscode-dev-walkthrough/azureExtensions.svg b/resources/vscode-dev-walkthrough/azureExtensions.svg
new file mode 100644
index 00000000..9da22f5d
--- /dev/null
+++ b/resources/vscode-dev-walkthrough/azureExtensions.svg
@@ -0,0 +1,152 @@
+
diff --git a/resources/vscode-dev-walkthrough/chatWithCopilot.svg b/resources/vscode-dev-walkthrough/chatWithCopilot.svg
new file mode 100644
index 00000000..2ed29287
--- /dev/null
+++ b/resources/vscode-dev-walkthrough/chatWithCopilot.svg
@@ -0,0 +1,131 @@
+