Ajout de fonctionnalités à un fichier devcontainer.json

Avec des fonctionnalités, vous pouvez rapidement ajouter des outils, des runtimes ou des bibliothÚques à votre configuration de conteneur de développement.

Les composants sont des unitĂ©s autonomes de code d’installation et de configuration de conteneur de dĂ©veloppement, conçus pour fonctionner sur un large Ă©ventail d’images conteneur de base. Vous pouvez utiliser des composants pour ajouter rapidement des outils, des runtimes ou des bibliothĂšques Ă  votre image codespace. Pour plus d’informations, consultez les composants disponibles et la spĂ©cification des composants sur le site web Development Containers.

Vous pouvez ajouter des composants Ă  un fichier devcontainer.json Ă  partir de VS Code ou de votre dĂ©pĂŽt sur GitHub. Utilisez les onglets de cet article afin d’afficher des instructions pour chaque mĂ©thode d’ajout de fonctionnalitĂ©s.

Ajout de fonctionnalités à un fichier devcontainer.json

  1. Accédez à votre référentiel sur GitHub, recherchez votre fichier devcontainer.json et cliquez sur pour modifier le fichier.

    Si vous n’avez pas encore de fichier devcontainer.json, vous pouvez en crĂ©er un maintenant. Pour plus d’informations, consultez « PrĂ©sentation des conteneurs de dĂ©veloppement Â».

  2. À droite de l’éditeur de fichier, sous l’onglet Place de marchĂ©, parcourez les fonctionnalitĂ©s ou recherchez celle que vous souhaitez ajouter, puis cliquez sur son nom.

    Capture d’écran de l’onglet Place de marchĂ© avec « Terra Â» dans la zone de recherche et la fonctionnalitĂ© Terraform listĂ©e dans les rĂ©sultats de la recherche.

  3. Sous « Installation Â», cliquez sur l’extrait de code pour le copier dans le Presse-papiers, puis collez l’extrait dans l’objet features de votre fichier devcontainer.json.

    Capture d’écran de l’onglet Place de marchĂ© montrant l’extrait de code d’installation pour Terraform.

    "features": {
     // ...
     "ghcr.io/devcontainers/features/terraform:1": {},
     // ...
 }

  4. Par dĂ©faut, la derniĂšre version de la fonctionnalitĂ© est utilisĂ©e. Pour choisir une autre version ou configurer d’autres options pour la fonctionnalitĂ©, dĂ©veloppez les propriĂ©tĂ©s listĂ©es sous « Options Â» pour afficher les valeurs disponibles, puis ajoutez les options en modifiant manuellement l’objet dans votre fichier devcontainer.json.

    Capture d’écran de la section « Options Â» de l’onglet Place de marchĂ©, avec les propriĂ©tĂ©s « version Â» et « tflint Â» dĂ©veloppĂ©es.

    "features": {
     // ...
     "ghcr.io/devcontainers/features/terraform:1": {
         "version": "1.1",
         "tflint": "latest"
     },
     // ...
 }

  5. Commitez les modifications dans votre fichier devcontainer.json.

Les modifications de configuration prendront effet dans les nouveaux codespaces crĂ©Ă©s Ă  partir du dĂ©pĂŽt. Pour que les modifications prennent effet dans les codespaces existants, vous devez tirer (pull) les mises Ă  jour du fichier devcontainer.json dans votre codespace, puis regĂ©nĂ©rer le conteneur pour le codespace. Pour plus d’informations, consultez « PrĂ©sentation des conteneurs de dĂ©veloppement Â».

Remarque

Pour ajouter des fonctionnalitĂ©s dans VS Code lorsque vous travaillez localement et que vous n’ĂȘtes pas connectĂ© Ă  un codespace, l’extension « Conteneurs de dĂ©veloppement Â» doit ĂȘtre installĂ©e et activĂ©e. Pour plus d’informations sur cette extension, consultez la VS Code Marketplace.

  1. Accédez à VS Code Command Palette en appuyant sur Maj+Commande+P (Mac) ou Ctrl+Maj+P (Windows/Linux).

  2. Commencez Ă  taper « ajouter Â» et cliquez sur Codespaces : ajouter des fichiers config de conteneur de dĂ©veloppement.

    Capture d’écran de la palette de commandes, avec « ajouter Â» entrĂ© et « Codespaces : ajouter des fichiers config de conteneur de dĂ©veloppement Â» listĂ©.

  3. Cliquez sur Modifier votre configuration active.

  4. Mettez à jour vos sélections de fonctionnalités, puis cliquez sur OK.

  5. Si vous travaillez dans un codespace, une invite apparaßt dans le coin inférieur droit. Pour regénérer le conteneur et appliquer les modifications au codespace dans lequel vous travaillez, cliquez sur Regénérer maintenant.

    Capture d’écran du message : « Nous avons remarquĂ© un changement dans la configuration du conteneur de dĂ©veloppement Â». En dessous se trouve le bouton « RegĂ©nĂ©rer maintenant Â».