Merge pull request #207001 from mumian/0804-vscode

add details for vscode deployment

Author: v-ccolin

articles/azure-resource-manager/bicep/deploy-vscode.md

@@ -4,22 +4,46 @@ description: Deploy Bicep files from Visual Studio Code.
 author: mumian
 ms.author: jgao
 ms.topic: conceptual
-ms.date: 06/30/2022
+ms.date: 08/04/2022
 ---
 
 # Deploy Bicep files from Visual Studio Code
 
 You can use [Visual Studio Code with the Bicep extension](./visual-studio-code.md#deploy-bicep-file) to deploy a Bicep file. You can deploy to any scope. This article shows deploying to a resource group.
 
-From an opened Bicep file in VS Code, there are two ways you can find the command:
+From an opened Bicep file in VS Code, there are there ways you can find the command:
+
+- Right-click the Bicep file name from the Explorer pane, not the one under **OPEN EDITORS**:
+
+    :::image type="content" source="./media/deploy-vscode/bicep-deploy-from-explorer.png" alt-text="Screenshot of Deploying Bicep File in the Context menu from the explore pane.":::
 
 - Right-click anywhere inside a Bicep file, and then select **Deploy Bicep File**.
+
 - Select **Command Palette** from the **View** menu, and then select **Bicep: Deploy Bicep File**.
 
+    :::image type="content" source="./media/deploy-vscode/bicep-deploy-from-command-palette.png" alt-text="Screenshot of Deploy Bicep File in the Context menu.":::
+
 After you select the command, you follow the wizard to enter the values:
 
-- Select or create a resource group.
-- Select a parameter file or select **None** to enter the parameter values. After you enter the parameter values, you have the options to create a parameter file or overwrite the existing parameter file.
+1. Sign in to Azure and select subscription.
+
+    :::image type="content" source="./media/deploy-vscode/bicep-deploy-select-subscription.png" alt-text="Screenshot of Select subscription.":::
+
+1. Select or create a resource group.
+
+1. Select a parameter file or select **None** to enter the parameter values.
+
+    :::image type="content" source="./media/deploy-vscode/bicep-deploy-select-parameter-file.png" alt-text="Screenshot of Select parameter file.":::
+
+1. If you choose **None**, enter the parameter values.
+
+    :::image type="content" source="./media/deploy-vscode/bicep-deploy-enter-parameter-values.png" alt-text="Screenshot of Enter parameter values.":::
+
+    After you enter the values, you have the option to create a parameters file from values used in this deployment:
+
+    :::image type="content" source="./media/deploy-vscode/bicep-deploy-create-parameter-file.png" alt-text="Screenshot of Create parameter file.":::
+
+    If you select **Yes**, a parameter file with the file name **<Bicep-file-name>.parameters.json** is created in the same folder.
 
 For more information about VS Code commands, see [Visual Studio Code](./visual-studio-code.md).
 

articles/azure-resource-manager/bicep/media/deploy-vscode/bicep-deploy-create-parameter-file.png

@@ -211,9 +211,20 @@ The visualizer shows the resources defined in the Bicep file with the resource d
 ## Deploy the Bicep file
 
 1. Right-click the Bicep file inside the VSCode, and then select **Deploy Bicep file**.
+
+    :::image type="content" source="./media/quickstart-create-bicep-use-visual-studio-code/vscode-bicep-deploy.png" alt-text="Screenshot of Deploy Bicep file.":::
+
 1. From the **Select Resource Group** listbox on the top, select **Create new Resource Group**.
 1. Enter **exampleRG** as the resource group name, and then press **[ENTER]**.
+1. Select a location for the resource group, and then press **[ENTER]**.
+1. From **Select a parameter file**, select **None**.
+
+    :::image type="content" source="./media/quickstart-create-bicep-use-visual-studio-code/vscode-bicep-select-parameter-file.png" alt-text="Screenshot of Select parameter file.":::
+
 1. Enter a unique storage account name, and then press **[ENTER]**. If you get an error message indicating the storage account is already taken, the storage name you provided is in use. Provide a name that is more likely to be unique.
+1. From **Create parameters file from values used in this deployment?**, select **No**.
+
+It takes a few moments to create the resources. For more information, see [Deploy Bicep files with visual Studio Code](./deploy-vscode.md).
 
 You can also deploy the Bicep file by using Azure CLI or Azure PowerShell: