Utiliser les conteneurs VS Code Remote#
Lorsque nous travaillons sur Flower, nous voulons nous assurer que tous les contributeurs utilisent le même environnement de développement pour formater le code ou exécuter des tests. À cette fin, nous utilisons l’extension VSCode Remote Containers. Qu’est-ce que c’est ?
L’extension Visual Studio Code Remote - Containers te permet d’utiliser un conteneur Docker comme environnement de développement complet. Elle te permet d’ouvrir n’importe quel dossier à l’intérieur (ou monté dans) d’un conteneur et de profiter de l’ensemble des fonctionnalités de Visual Studio Code. Un fichier
devcontainer.jsondans ton projet indique à VS Code comment accéder à (ou créer) un conteneur de développement avec une pile d’outils et d’exécutions bien définie. Ce conteneur peut être utilisé pour exécuter une application ou pour séparer les outils, les bibliothèques ou les exécutions nécessaires pour travailler avec une base de code.Les fichiers de l’espace de travail sont montés à partir du système de fichiers local ou copiés ou clonés dans le conteneur. Les extensions sont installées et exécutées à l’intérieur du conteneur, où elles ont un accès complet aux outils, à la plateforme et au système de fichiers. Cela signifie que tu peux changer de façon transparente tout ton environnement de développement simplement en te connectant à un autre conteneur.
Source: Official VSCode documentation
Pour commencer#
Configuring and setting up the Dockerfile as well the configuration for the devcontainer can be a bit more involved. The good thing is you don’t have to do it. Usually it should be enough to install Docker on your system and ensure its available on your command line. Additionally, install the VSCode Containers Extension.
Maintenant, tu devrais être prêt à partir. Au démarrage de VSCode, il te demandera de fonctionner dans l’environnement du conteneur et - si tu confirmes - construira automatiquement le conteneur et l’utilisera. Pour demander manuellement à VSCode d’utiliser le devcontainer, tu peux, après avoir installé l’extension, cliquer sur la zone verte dans le coin inférieur gauche de ta fenêtre VSCode et sélectionner l’option (Re)Ouvrir le dossier dans le conteneur.
Dans certains cas, ton installation peut être plus complexe. Pour ces cas-là, consulte les sources suivantes :