Partager via

Ouvrir une zone de développement dans VS Code

Utilisez Microsoft Dev Box avec Visual Studio Code (VS Code) pour créer des environnements de développement sécurisés et basés sur le cloud. Cet article explique comment configurer des tunnels de développement et vous connecter à votre Dev Box à partir de VS Code. Vous découvrez comment installer l’extension requise, activer des tunnels sécurisés et vous connecter à distance pour une expérience de développement simplifiée. Suivez ces étapes pour commencer rapidement et travailler efficacement à partir de n’importe où.

Conditions préalables

Activer Dev Tunnels sur un pool Dev Box

Dev Box Dev Tunnels est une fonctionnalité qui permet aux développeurs de se connecter à leur Dev Box à l’aide de Visual Studio Code (VS Code) via des tunnels sécurisés. Cette fonctionnalité est particulièrement utile pour les développeurs qui souhaitent travailler à distance ou à partir de différents emplacements sans avoir besoin d’une connexion Bureau à distance complète.

Inscrire la fonctionnalité d’évaluation Dev Box Tunnels

Bien que Dev Box Tunnels soit en préversion, vous devez inscrire la fonctionnalité dans votre abonnement Azure.

  1. Connectez-vous au portail Azure.

  2. Sélectionnez Abonnements.

  3. Sélectionnez l’abonnement qui contient vos ressources Dev Box.

  4. Dans le menu de gauche, sélectionnez Fonctionnalitésd’aperçudes paramètres>.

  5. Dans la zone de recherche , tapez Dev Box, sélectionnez Dev Box Dev Tunnels dans les résultats, puis sélectionnez Inscrire.

    Capture d’écran de la page fonctionnalités de préversion du portail Azure avec l’entrée « Dev Box Dev Tunnels » sélectionnée et le bouton Inscrire visible.

  6. Dans le message Do you want to register the selected features ? (Enregistrer les fonctionnalités sélectionnées), sélectionnez OK.

Activer les tunnels de développement pour un pool de boîtes de développement

Les tunnels de développement sont activés par pool. Pour activer les tunnels pour un pool de box de développement :

  1. Accédez au projet qui contient le pool de boîtes de développement dans lequel vous souhaitez activer les tunnels.

  2. Dans le menu de gauche, sélectionnez Gérer les>pools de zone de développement.

  3. Pour le pool que vous souhaitez modifier, dans le menu Opérations de zone de développement (...), sélectionnez Modifier.

    Capture d’écran du volet Modifier du pool de boîtes de développement du portail Azure avec le menu Opérations et la commande Modifier visible.

  4. Sous l’onglet Gestion , sélectionnez Activer l’ouverture de la zone de développement dans VS Code, puis sélectionnez Enregistrer.

    Capture d’écran de l’onglet Gestion du pool dev box dans le portail Azure avec l’option « Activer l’ouverture de la zone de développement dans VS Code » mise en surbrillance.

Se connecter à une zone de développement à l’aide d’un tunnel de développement

Suivez ces étapes pour configurer un tunnel de développement et vous connecter à votre zone de développement à l’aide de VS Code.

  1. Installer l’extension VS Code

    Dans votre VS Code local , installez l’extension Dev Box à partir de la Place de marché de l’extension VS Code. Les tunnels de développement nécessitent la version 2.0.0 ou ultérieure. Veillez à installer l’extension localement, et non sur la Zone de développement à laquelle vous souhaitez vous connecter.

    Capture d’écran de l’extension Dev Box dans Visual Studio Code montrant les détails de l’extension et l’option d’installation.

  2. Pour vous connecter à l’extension Dev Box, sélectionnez l’icône Dev Box dans la barre latérale gauche, puis sélectionnez Se connecter à Dev Box avec Microsoft.

    Capture d’écran de l’option de connexion de l’extension Dev Box dans Visual Studio Code, montrant l’icône Dev Box et la commande Connexion.

  3. Se connecter à la zone de développement dans VS Code

    Une fois que tout est configuré, ouvrez votre zone de développement dans VS Code. Dans le menu Gérer (roue des paramètres), sélectionnez Se connecter.

    Capture d’écran de l’extension Dev Box montrant le bouton Se connecter utilisé pour ouvrir un tunnel vers une zone de développement dans Visual Studio Code.

  4. Explorer l’expérience à distance dans VS Code

    Une nouvelle fenêtre VS Code s’ouvre. Vous pouvez ouvrir n’importe quel dossier ou espace de travail sur la zone de développement distante à l’aide du fichier>ouvert/dossier/espace de travail comme vous le feriez localement.

Se connecter au sous-système Windows pour Linux

Si vous disposez d’un environnement Windows Sous-système pour Linux (WSL) sur la Zone de développement, connectez-vous à celui-ci à l’aide de l’Explorateur distant.

Sélectionnez des cibles WSL dans la liste déroulante pour afficher toutes les distributions WSL. Ouvrez une distribution WSL dans la fenêtre actuelle ou une nouvelle fenêtre.

Capture d’écran de l’Explorateur distant Visual Studio Code montrant les distributions WSL disponibles avec la cible WSL Dev Box mise en surbrillance.

Pour plus d’informations sur l’expérience de développement WSL, consultez Remote - WSL et Configurez un environnement de développement WSL.

Questions fréquentes

  • Pourquoi dois-je me connecter à dev Box avant d’activer le tunnel ?

    Cette étape est nécessaire pour établir une session utilisateur pour configurer le tunnel. Une fois la connexion initiale terminée, vous pouvez simplement vous déconnecter de la Zone de développement. Vous pouvez ensuite activer ou vous connecter au tunnel sans vous reconnecter, sauf si la Boîte de développement est arrêtée ou redémarrée.

  • Pourquoi ne puis-je pas me connecter à dev Box même si le tunnel est activé ?

    Actualisez la vue explorateur d’extensions Dev Box avec le bouton situé dans le coin supérieur droit pour vérifier l’état le plus récent du tunnel. Si le tunnel est activé, mais que vous ne pouvez toujours pas vous connecter, essayez de désactiver le tunnel, de vous connecter à la boîte de développement, puis de réactiver le tunnel.

Contenu connexe

  • Last updated on