在 VS Code 中開啟開發箱

使用 Microsoft Dev Box 搭配 Visual Studio Code （VS Code） 來建立安全的雲端式開發環境。 本文說明如何設定開發通道，並從 VS Code 連線到您的開發方塊。 您將瞭解如何安裝必要的擴充功能、啟用安全通道，以及從遠端連線，以取得簡化的開發體驗。 請遵循下列步驟，從任何地方快速開始並有效率地運作。

先決條件

• 配置至少一個專案和開發箱集區的開發人員中心。
  • 如果您沒有開發人員中心，請遵循下列步驟建立開發人員中心：快速入門：設定 Microsoft Dev Box
• 開發方塊。
  • 如果您沒有開發方塊，請遵循下列步驟建立一個：快速入門：使用 Microsoft Dev Box 開發人員入口網站建立並連線到開發方塊

在開發箱集區上啟用開發通道

Dev Box Dev Tunnels 是一項功能，可讓開發人員透過安全通道使用 Visual Studio Code （VS Code） 連線到其 Dev Box。 此功能對於想要遠端或從不同位置工作而無需完整的遠端桌面連線的開發人員特別有用。

註冊 Dev Box 通道預覽功能

當 Dev Box 通道處於預覽狀態時，您必須在 Azure 訂用帳戶中註冊此功能。

1. 登入 Azure 入口網站。

2. 選取 訂用帳戶 。

3. 選取包含 Dev Box 資源的訂用帳戶。

4. 在左側功能表中，選取 設定>預覽功能。

5. 在 [搜尋] 方塊中，輸入 Dev Box，從結果中選取 [Dev Box Dev Tunnels]，然後選取 [註冊]。

   

6. 在 [ 您要註冊選取的功能嗎？] 訊息中，選取 [確定]。

啟用開發箱集區的開發通道

開發通道是根據每個集區啟用。 若要啟用開發箱集區的通道：

1. 流覽至包含您要啟用通道之開發箱集區的專案。

2. 在左側功能表上，選取 [管理>開發箱集區]。

3. 針對您要編輯的集區，從開發箱作業功能表 （...） 中，選取 [編輯]。

   

4. 在 [ 管理 ] 索引標籤上，選取 [啟用在 VS Code 中開啟開發箱]，然後選取 [ 儲存]。

   

使用開發通道連線到開發箱

請遵循下列步驟來設定開發通道，並使用 VS Code 連線到您的開發方塊。

1. 安裝 VS Code 擴充功能

   在您的 本機 VS Code 中，從 VS Code 擴充功能 Marketplace 安裝 Dev Box 擴充功能。 開發通道需要 2.0.0 版或更新版本。 請務必在本機安裝擴充功能，而不是安裝在您要連線的開發人員方塊上。

   

2. 若要登入 Dev Box 延伸模組，請選取左側邊欄中的 Dev Box 圖示，然後選取 [使用 Microsoft 登入 Dev Box]。

   

3. 線上到 VS Code 中的開發方塊

   設定完所有內容之後，請在 VS Code 中開啟您的開發箱。 從 [管理] 功能表 （設定輪盤） 中，選取 [連線]。

   

4. 探索 VS Code 中的遠端體驗

   新的 VS Code 視窗隨即開啟。 您可以使用 [檔案>開啟檔案/資料夾/工作區 ] 開啟遠端開發箱上的任何資料夾或工作區，就像在本機一樣。

連線到適用於 Linux 的 Windows Substem

如果您在開發箱上有適用於 Linux 的 Windows 子系統（WSL）環境，請使用 遠端瀏覽器連線到它。

從下拉式清單中選取 WSL 分發版本，以查看所有 WSL 發行版本。 在目前或新視窗中開啟任何 WSL 發行版。

如需 WSL 開發體驗的詳細資訊，請參閱 遠端 - WSL 和 設定 WSL 開發環境。

常見問題

• 為什麼我需要在啟用通道之前登入開發箱？

  必須執行此步驟，才能建立使用者會話來設定隧道。 初始登入之後，您可以直接中斷與開發方塊的連線。 然後，您可以啟用或連線到通道，而不再次登入，除非關閉或重新啟動開發箱。

• 即使已啟用通道，我為何無法連線到開發人員方塊？

  使用右上角的按鈕來重新整理開發工具箱擴充功能總管檢視，以便查看隧道的最新狀態。 如果通道已啟用，但您仍然無法連線，請嘗試停用通道、登入開發方塊，然後重新啟用通道。

相關內容

• 設定開發通道的條件式存取原則