Exécuter et déboguer du code

Effectué

Vous avez configuré votre ordinateur distant et vous y êtes connecté via SSH. Il est maintenant prêt à être chargé avec les fichiers d’application de votre agence.

Un examen plus rapproché de la connexion entre l’ordinateur local et l’ordinateur distant

Avec l’extension Remote - SSH, Visual Studio Code établit une connexion entre votre ordinateur local et l’ordinateur distant. Votre ordinateur local a uniquement besoin de votre installation de Visual Studio Code. L’ordinateur distant contient ensuite visual Studio Code Server, qui exécute des commandes et d’autres extensions directement. Le code source, l’application qui s’exécute et le débogueur résident uniquement sur l’ordinateur distant.

Étant donné que la connexion est établie à partir de votre ordinateur local, votre expérience de développement imite celle du développement local lors de l’accès aux ressources sur l’ordinateur distant. Cela signifie que vous pouvez exécuter, modifier et déboguer sur un ordinateur distant avec Visual Studio Code, comme si le code source était local.

Réacheminement de port

En général, lorsque vous exécutez une application web sur l’ordinateur distant, elle s’exécute par défaut sur le localhost de la machine distante. Vous ne pouvez rien voir sur le localhost de l’ordinateur local, car l’application web s’exécute sur l’ordinateur distant. Pour parcourir l’application web sur votre ordinateur local, vous pouvez utiliser une fonctionnalité appelée transfert de port. Cette fonctionnalité vous permet de « réacheminer » le port distant souhaité vers votre ordinateur local.

Capture d’écran montrant la fonctionnalité de transfert de port dans Visual Studio Code.

Dans la section suivante, vous allez configurer une application Node.js sur l’ordinateur distant, exécuter, modifier et déboguer le code, puis parcourir l’application web localement à l’aide du réacheminement de port.