You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: articles/dev-box/how-to-conditional-access-dev-tunnels-service.md
+3-3Lines changed: 3 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,15 +1,15 @@
1
1
---
2
-
title: Configure Conditional Access Policies for Dev Tunnels Service
2
+
title: Configure Conditional Access Policies for Dev Tunnels
3
3
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.
4
4
author: RoseHJM
5
5
contributors:
6
6
ms.topic: how-to
7
-
ms.date: 05/16/2025
7
+
ms.date: 05/19/2025
8
8
ms.author: rosemalcolm
9
9
ms.reviewer: rosemalcolm
10
10
---
11
11
12
-
# Background
12
+
# Configure Conditional Access Policies for Dev Tunnels
13
13
14
14
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.
Copy file name to clipboardExpand all lines: articles/dev-box/how-to-setup-dev-tunnels.md
+33-45Lines changed: 33 additions & 45 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,93 +3,81 @@ title: Set Up and Connect to Azure Dev Box Using VS Code
3
3
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.
4
4
author: RoseHJM
5
5
contributors:
6
-
ms.topic: concept-article
7
-
ms.date: 05/16/2025
6
+
ms.topic: how-to
7
+
ms.date: 05/19/2025
8
8
ms.author: rosemalcolm
9
9
ms.reviewer: rosemalcolm
10
10
---
11
11
12
-
# Setup and Connect to your Dev Box via VS Code
12
+
# Set up and connect to your Dev Box via VS Code
13
13
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.
15
15
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.
27
17
28
18
Steps to connect to Dev Box with Open in VS Code Feature
29
19
30
20
1. Provision a Dev Box
31
21
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.
33
23
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.
35
25
36
-
1. Install VS Code Extension
26
+
1. Install VS Code extension
37
27
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.
39
29
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.":::
41
31
42
-
1. Sign in to Dev Box Extension
32
+
1. Sign in to Dev Box extension
43
33
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**.
45
35
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.":::
47
37
48
-
1. Create and Enable Dev Box Tunnel
38
+
1. Create and enable Dev Box Tunnel
49
39
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.
51
41
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.
53
43
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.":::
55
45
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.
57
47
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 signin every time you enable or connect to the tunnel—only after a shutdown or restart.
59
49
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.":::
61
51
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.
63
53
64
54
1. Connect to the Dev Box in VS Code
65
55
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.
69
57
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.":::
71
59
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.
73
61
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**.
75
63
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.":::
77
65
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.
79
67
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.":::
81
69
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).
83
71
84
-
FAQ
72
+
## Frequently asked questions
85
73
86
74
1. Why do I need to sign-in to the Dev Box before enabling the tunnel?
87
75
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
89
77
90
78
1. Why can't I connect to the Dev Box even if the tunnel is enabled?
91
79
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.
0 commit comments