Développer du code à l'aide d'un éditeur VS Code local

Découvrez comment ouvrir un tunnel SSH depuis votre ordinateur local à une station de travail, puis utilisez VS Code Remote Development la possibilité de se connecter à Cloud Workstations depuis votre éditeur VS Code local.

Avant de commencer

Avant de commencer, assurez-vous d'avoir effectué les tâches suivantes :

  1. Assurez-vous qu'un membre de votre équipe a créé un configuration de station de travail.
  2. Créez et démarrez votre station de travail.
  3. Dans la console Google Cloud, copiez les informations suivantes:

    1. Nom et ID du projet : cliquez sur le nom du projet dans la barre de menu Google Cloud, puis copiez l'ID dans la boîte de dialogue Nom et ID du projet qui s'ouvre.
    2. Région
    3. Nom du cluster
    4. Nom de la configuration
  4. Depuis votre machine locale, Installez la CLI gcloud.

    Si vous exécutez la CLI gcloud pour la première fois, vous devrez peut-être également exécuter gcloud auth login pour obtenir des identifiants et gcloud config set project PROJECT_ID pour définir votre projet actuel sur l'ID de projet que vous avez copié à l'étape précédente.

  5. Lorsque vous utilisez ssh pour la première fois, installez une extension SSH distante afin de peut se connecter à une station de travail depuis l'éditeur VS Code via la ou via la palette de commandes.

    Place de marché des extensions

    1. Ouvrez l'application locale de l'éditeur VS Code, puis ouvrez la place de marché des extensions en sélectionnant
      Extensions dans la barre des tâches.

    2. Cliquez sur Installer pour installer l'extension Remote - SSH.

    3. Saisissez remote ssh dans le champ de recherche pour ouvrir la page de l'extension. pour Remote - SSH.

      Installer l'extension Remote-SSH

    Palette de commandes

    1. Pour ouvrir la palette de commandes, appuyez sur Ctrl+Maj+P. (ou Cmd+Maj+P sous macOS), ou cliquez sur Affichage > Palette de commandes.

    2. Saisissez ext install ms-vscode-remote.remote-ssh pour installer l'extension.

Ouvrir un tunnel SSH

Ouvrez un tunnel SSH entre votre ordinateur local et un poste de travail à l'aide de la méthode gcloud workstations start-tcp-tunnel :

  1. Dans la console Google Cloud, Accédez à la page Cloud Workstations > Stations de travail.

    Accéder aux stations de travail

  2. Cliquez sur le nom de la station de travail pour ouvrir la page Détails de la station de travail.

  3. Dans l'exemple suivant, remplacez les espaces réservés pour le nom de la station de travail, région (emplacement), nom du cluster de stations de travail et nom de la configuration de station de travail. Copiez les valeurs du panneau "Détails de la station de travail" dans les espaces réservés marqués d'une icône Modifier.

    gcloud workstations start-tcp-tunnel \
      --project=PROJECT_ID \
      --region=REGION \
      --cluster=CLUSTER_NAME \
      --config=CONFIG_NAME \
      --local-host-port=:LOCAL_PORT \
      WORKSTATION_NAME 22
    

    Consultez le Avant de commencer pour trouver l'ID du projet.

    L'option --local-host-port=:LOCAL_PORT est facultative. Si vous souhaitez spécifier un port local, remplacez LOCAL_PORT par le numéro de port local souhaité. utiliser. Si vous ne spécifiez pas de port local, le système en choisit un de manière arbitraire et non utilisé, et affiche un message avec le numéro de port pour que vous sachiez lequel il utilise.

  4. Après avoir rempli les espaces réservés, cliquez sur content_copy Copier l'exemple de code pour copier la commande CLI gcloud.

  5. Collez la commande dans la fenêtre de terminal locale, puis appuyez sur Entrée pour créer le tunnel.

    Lorsque la commande aboutit, un message Listening on port s'affiche, suivi du numéro de port local.

Pour en savoir plus sur chaque option de configuration, consultez Tunnel SSH ou start-tcp-tunnel

Se connecter à un hôte Cloud Workstations

Pour vous connecter à un hôte Cloud Workstations, procédez comme suit:

  1. Ouvrez l'application VS Code ou revenez-y.
  2. Pour lancer Remote - SSH, cliquez sur . Ouvrez une fenêtre distante dans la barre d'état.

  3. Sélectionnez l'option Se connecter à l'hôte lorsque la palette de commandes s'ouvre.

    Se connecter à l'hôte

  4. Saisissez user@localhost:LOCAL_PORT en remplaçant LOCAL_PORT par votre numéro de port local.

    L'exemple suivant se connecte au port local 1025 en spécifiant user@localhost:1025.

    Ajouter un hôte SSH

  5. Si vous êtes invité à vous connecter après que la confirmation Hôte ajouté s'affiche s'affiche, cliquez sur Se connecter.

    Le système peut également vous inviter à confirmer le hachage. Si vous y êtes invité, cliquez sur Continuer.

  6. Un nouvel éditeur VS Code s'ouvre et la barre d'état de VS Code s'affiche. SSH: localhost:, suivi du numéro de port.

    Vous avez désormais accès aux fichiers et aux serveurs de langage de votre poste de travail distant, et vous pouvez créer et exécuter des processus qui s'exécutent sur votre poste de travail.

    L'exemple suivant montre une fenêtre de l'éditeur VS Code connectée à Cloud Workstations via SSH: localhost: 1025.

    Connecté à la station de travail

    Vous pouvez aussi revenir à Extensions Marketplace pour l'installer Cloud Code et d'autres extensions VS Code locales pour vous aider créer, exécuter et tester votre code.