Exercice : Activer Remote - Tunnels dans l’interface de ligne de commande de code

Effectué

Dans cet exercice, vous allez apprendre à effectuer les opérations suivantes :

  • Créez et utilisez un tunnel via l’interface CLI de code.
  • Installez l’interface de ligne de commande de code sur un ordinateur distant sur lequel vous envisagez de travailler.
  • Établissez un tunnel entre un client Visual Studio Code et votre ordinateur distant à l’aide de l’interface de ligne de commande de code.

Vous pouvez obtenir l’interface de ligne de commande de code à partir du volet de téléchargement de Visual Studio Code ou via l’invite de commandes.

Obtenir l’interface de ligne de commande de code à partir du volet de téléchargement de Visual Studio Code

  1. Accédez au volet de téléchargement de Visual Studio Code.

    Capture d’écran du volet de téléchargement.

  2. Téléchargez et extrayez l’interface de ligne de commande de code pour votre système d’exploitation dans le répertoire TestCLI.

    1. Après avoir téléchargé le fichier, vous voyez que vous disposez d’un fichier compressé.

    Capture d’écran d’un fichier compressé.

    1. Double-cliquez sur le fichier pour l’extraire dans le répertoire TestCLI , et vous voyez le fichier de code.

    Capture d’écran d’un fichier de code extrait.

  3. À partir du terminal, accédez au répertoire TestCLI .

Installer et décompresser l’interface de ligne de commande de code via le terminal

Si vous n’avez pas accès à une interface utilisateur ou au volet de téléchargement de Visual Studio Code, vous pouvez utiliser le terminal pour installer l’interface de ligne de commande de code. Après avoir créé le dossier TestCLI , utilisez les commandes suivantes pour installer l’interface CLI de code à partir du répertoire TestCLI dans le terminal :

 curl -Lk 'https://code.visualstudio.com/sha/download?build=stable&os=cli-alpine-x64' --output vscode_cli.tar.gz
tar -xf vscode_cli.tar.gz

Créer un tunnel sécurisé

  1. Exécutez la commande suivante pour télécharger et démarrer Visual Studio Code Server sur cet ordinateur, puis créez un tunnel vers celui-ci :

    code tunnel --accept-server-license-terms
    
  2. Copiez et enregistrez le lien et le code fournis.

    Capture d’écran du lien permettant de se connecter au client avec du code.

  3. Sur votre client, ouvrez le lien précédemment enregistré dans un navigateur web et entrez le code fourni dans votre terminal. Sélectionnez Continuer pour activer.

    Capture d’écran du volet Activation de l’appareil.

  4. Sélectionnez Continuer à s’authentifier.

    Capture d’écran du volet Authentification unique.

  5. Sélectionnez Autoriser.

    Capture d’écran du volet d’authentification.

  6. Vous voyez un message de félicitations qui indique la réussite.

    Capture d’écran de la confirmation.

    L’interface de ligne de commande de code génère une URL vscode.dev spécifique à cet ordinateur distant, par exemple https://vscode.dev/tunnel/<machine_name>/<folder_name>. Capture d’écran d’un lien de tunnel pour un client.

    Ce processus vous authentifie auprès du service de tunneling et garantit que vous avez accès aux machines distantes désignées.

  7. Ouvrez l’URL sur un client de votre choix.

  8. Sélectionnez Autoriser pour autoriser l’extension Remote - Tunnels à se connecter.

    Capture d’écran de l’autorisation d’extension Remote - Tunnels pour se connecter.

  9. Sélectionnez Oui, je fais confiance aux auteurs pour accorder l’accès au dossier.

    Capture d’écran de l’invite Oui, j’ai confiance dans les auteurs.

  10. Commencez à coder !

    Capture d’écran du code.