Skip to content

Commit f9d197a

Browse files
author
RoseHJM
committed
Refine article
1 parent 93ad972 commit f9d197a

File tree

2 files changed

+36
-48
lines changed

2 files changed

+36
-48
lines changed

articles/dev-box/configure-conditional-access-policies-for-dev-tunnels-service.md renamed to articles/dev-box/how-to-conditional-access-dev-tunnels-service.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
2-
title: Configure Conditional Access Policies for Dev Tunnels Service
2+
title: Configure Conditional Access Policies for Dev Tunnels
33
description: Learn how to configure conditional access policies for the Dev tunnels service in Microsoft Entra ID to secure remote development environments and restrict access based on device management and IP ranges.
44
author: RoseHJM
55
contributors:
66
ms.topic: how-to
7-
ms.date: 05/16/2025
7+
ms.date: 05/19/2025
88
ms.author: rosemalcolm
99
ms.reviewer: rosemalcolm
1010
---
1111

12-
# Background
12+
# Configure Conditional Access Policies for Dev Tunnels
1313

1414
The Dev Box service gives you an alternative connectivity method on top of Dev tunnels. You can develop remotely while coding locally or keep development going during Azure Virtual Desktop (AVD) outages or poor network performance. Many large enterprises using Dev Box have strict security and compliance policies, and their code is valuable to their business. Restricting Dev tunnels with conditional access policies is crucial for these controls.
1515

articles/dev-box/how-to-setup-dev-tunnels.md

Lines changed: 33 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -3,93 +3,81 @@ title: Set Up and Connect to Azure Dev Box Using VS Code
33
description: Learn how to set up and connect to your Azure Dev Box using the Open in VS Code feature. Follow step-by-step instructions to provision a Dev Box, install the Dev Box extension, enable tunnels, and connect remotely for development.
44
author: RoseHJM
55
contributors:
6-
ms.topic: concept-article
7-
ms.date: 05/16/2025
6+
ms.topic: how-to
7+
ms.date: 05/19/2025
88
ms.author: rosemalcolm
99
ms.reviewer: rosemalcolm
1010
---
1111

12-
# Setup and Connect to your Dev Box via VS Code
12+
# Set up and connect to your Dev Box via VS Code
1313

14-
Azure Dev Box makes it easy to provision and manage cloud-based development environments. This article shows you how to set up and connect to your Azure Dev Box using Visual Studio Code. You learn how to register for the Open in VS Code feature, install the required extension, enable secure tunnels, and connect remotely for a seamless development experience. Follow these steps to get started quickly and work efficiently from anywhere.
14+
Azure Dev Box lets you set up and manage cloud-based development environments. This article shows you how to set up and connect to your Azure Dev Box using Visual Studio Code. You'll learn how to register for the Open in VS Code feature, install the required extension, enable secure tunnels, and connect remotely for a seamless development experience. Follow these steps to get started quickly and work efficiently from anywhere.
1515

16-
**Target audience**: Dev Box Users/Developers
17-
18-
In this doc, we walk you through the steps to connect to Dev Box with Open in VS Code feature.
19-
20-
1. Provision a new Dev Box with Dev Box Tunnel or create a Dev Box Tunnel on an existing Dev Box.
21-
22-
1. Enable the Dev Box Tunnel.
23-
24-
1. Connect to the Dev Box Tunnel.
25-
26-
1. Disable the Dev Box Tunnel.
16+
In this article, you'll learn how to connect to Dev Box with the Open in VS Code feature.
2717

2818
Steps to connect to Dev Box with Open in VS Code Feature
2919

3020
1. Provision a Dev Box
3121

32-
You can skip this step if you already have a Dev Box.
22+
You can skip this step if you already have a Dev Box.
3323

34-
Sign in to [Developer Portal](https://devportal.microsoft.com/) with your Microsoft account, and create a Dev Box in the project you have access to.
24+
Sign in to [Developer Portal](https://devportal.microsoft.com/) with your Microsoft account, and create a Dev Box.
3525

36-
1. Install VS Code Extension
26+
1. Install VS Code extension
3727

38-
Search for **Dev Box** in the VS Code Extension Marketplace and install the latest version (2.0.0 as of May 15, 2025) in your **local** VS Code - **NOT** in the Dev Box you want to connect to.
28+
Search for **Dev Box** in the VS Code Extension Marketplace and install the latest version (2.0.0 as of May 15, 2025) in your **local** VS Code—not in the Dev Box you want to connect to.
3929

40-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-dev-box-extension.png" alt-text="Screenshot of the Dev Box extension in the VS Code Extension Marketplace.":::
30+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-dev-box-extension.png" alt-text="Screenshot of the Dev Box extension in VS Code.":::
4131

42-
1. Sign in to Dev Box Extension
32+
1. Sign in to Dev Box extension
4333

44-
Select the Dev Box icon in the left sidebar, and select Sign In.
34+
Select the Dev Box icon in the left sidebar, and select **Sign In**.
4535

46-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-sign-in-extension.png" alt-text="Screenshot of the Dev Box extension sign-in screen in VS Code.":::
36+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-sign-in-extension.png" alt-text="Screenshot of the Dev Box extension showing the sign-in option.":::
4737

48-
1. Create and Enable Dev Box Tunnel
38+
1. Create and enable Dev Box Tunnel
4939

50-
After signing in, you'll see all the projects you have access to. Choose the project where you created the Dev Box, and select the Dev Box you want to connect to.
40+
After signing in, you'll see all the projects you can access. Choose the project where you created the Dev Box, and select the Dev Box you want to connect to.
5141

52-
If you see **No Tunnel** in the description, you need to manually create a tunnel resource first.
42+
If you see **No Tunnel** in the description, manually create a tunnel resource first.
5343

54-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-create-tunnel.png" alt-text="Screenshot of the Dev Box extension showing the option to create a tunnel.":::
44+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-create-tunnel.png" alt-text="Screenshot of the Dev Box extension showing the option to create a tunnel.":::
5545

56-
Before enabling the tunnel, you **MUST** log into the Dev Box at least once using any client (for example, browser, Windows App, Remote Desktop client). This step is **mandatory** after each shutdown and restart to establish the required user session for setting up the tunnel. Once logged in, you can disconnect from the Dev Box.
46+
Before enabling the tunnel, you **MUST** log into the Dev Box at least once using any client (for example, browser, Windows App, Remote Desktop client). This step is **mandatory** after each shutdown and restart to establish the required user session for setting up the tunnel. Once logged in, you can disconnect from the Dev Box.
5747

58-
You **DO NOT** need to sign-in every time you enable or connect to the tunnel—only after a shutdown or restart.
48+
You don't need to sign in every time you enable or connect to the tunnel—only after a shutdown or restart.
5949

60-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-enable-tunnel.png" alt-text="Screenshot of enabling the tunnel in the Dev Box extension.":::
50+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-enable-tunnel.png" alt-text="Screenshot of enabling the tunnel in the Dev Box extension.":::
6151

62-
Then, you can enable the tunnel. This process might take up to 1-3 minutes, as it installs VS Code on the Dev Box (if not already installed) and set up the tunnel.
52+
Then, enable the tunnel. This process can take 1–3 minutes, as it installs VS Code on the Dev Box (if not already installed) and sets up the tunnel.
6353

6454
1. Connect to the Dev Box in VS Code
6555

66-
Once everything is set up, you can open the Dev Box in VS Code by clicking the **Connect to Tunnel** button.
67-
68-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-connect-tunnnel.png" alt-text="Screenshot of the Connect to Tunnel button in the Dev Box extension.":::
56+
Once everything is set up, you can open the Dev Box in VS Code by clicking the **Connect to Tunnel** button.
6957

70-
1. Dev Box Remote experience in VS Code
58+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-connect-tunnnel.png" alt-text="Screens1. Dev Box remote experience in VS Code.":::
7159

72-
You can open any folder or workspace on the remote Dev Box using **File > Open File/Folder/Workspace** just as you would locally!
60+
Open any folder or workspace on the remote Dev Box using **File > Open File/Folder/Workspace** just as you would locally.
7361

74-
If you have Windows Subsystem for Linux (WSL) environment on the Dev Box, you can connect to it using **Remote Explorer**.
62+
If you have a Windows Subsystem for Linux (WSL) environment on the Dev Box, connect to it using **Remote Explorer**.
7563

76-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-wsl-targets.png" alt-text="Screenshot of the Remote Explorer in VS Code showing WSL targets.":::
64+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-wsl-targets.png" alt-text="Screenshot of the Remote Explorer in VS Code showing WSL targets.":::
7765

78-
Select WSL targets from the dropdown and all the WSL distributions are listed. You can open any WSL distribution in the current or new window.
66+
Select WSL targets from the dropdown to see all the WSL distributions. Open any WSL distribution in the current or a new window.
7967

80-
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-ubuntu.png" alt-text="Screenshot of a WSL distribution terminal in VS Code.":::
68+
:::image type="content" source="media/how-to-setup-dev-tunnels/dev-tunnels-ubuntu.png" alt-text="Screenshot of a WSL distribution terminal in VS Code.":::
8169

82-
For more information on the WSL development experience, see the [Remote - WSL](https://code.visualstudio.com/docs/remote/wsl) and [Set up a WSL development environment](/windows/wsl/setup/environment) documentation.
70+
For more information on the WSL development experience, see [Remote - WSL](https://code.visualstudio.com/docs/remote/wsl) and [Set up a WSL development environment](/windows/wsl/setup/environment).
8371

84-
FAQ
72+
## Frequently asked questions
8573

8674
1. Why do I need to sign-in to the Dev Box before enabling the tunnel?
8775

88-
> This step is required to establish a user session for setting up the tunnel. After the initial login, you can just disconnect from the Dev Box. Then you can enable or connect to the tunnel without logging in again, unless the Dev Box is shut down or restarted.
76+
This step is required to establish a user session for setting up the tunnel. After the initial login, you can just disconnect from the Dev Box. Then you can enable or connect
8977

9078
1. Why can't I connect to the Dev Box even if the tunnel is enabled?
9179

92-
> Refresh the Dev Box extension explorer view with the button on the top right corner to check the latest status of the tunnel. If the tunnel is enabled, but you still can't connect, try disabling the tunnel, logging into the Dev Box, and then re-enabling the tunnel.
80+
Refresh the Dev Box extension explorer view with the button in the top right corner to check the latest status of the tunnel. If the tunnel is enabled, but you still can't connect, try disabling the tunnel, signing in to the Dev Box, and then re-enabling the tunnel.nnect, try disabling the tunnel, logging into the Dev Box, and then re-enabling the tunnel.
9381

9482
## Related content
95-
- [Background](configure-conditional-access-policies-for-dev-tunnels-service.md)
83+
- [Configure Conditional Access Policies for Dev Tunnels](how-to-conditional-access-dev-tunnels-service.md)

0 commit comments

Comments
 (0)