Skip to main content

Adición de características a un archivo devcontainer.json

Con las características, puedes agregar rápidamente herramientas, entornos de ejecución o bibliotecas a la configuración del contenedor de desarrollo.

Las características son unidades independientes de código de instalación y configuración del contenedor de desarrollo diseñadas para funcionar en una amplia gama de imágenes de contenedor base. Puedes usar características para agregar rápidamente herramientas, runtimes o bibliotecas a la imagen de codespace. Para obtener más información, consulta las características disponibles y la especificación de las características en el sitio web de Contenedores de desarrollo.

Puedes agregar características a un archivo devcontainer.json desde VS Code o desde tu repositorio en GitHub.com. Usa las pestañas de este artículo para mostrar instrucciones para cada una de estas formas de agregar características.

Agregar características a un archivo devcontainer.json

  1. Ve al repositorio en GitHub.com, busca el archivo devcontainer.json y haz clic en para editar el archivo.

    Si aún no tienes un archivo devcontainer.json, puedes crearlo ahora. Para obtener más información, vea «Introducción a los contenedores dev».

  2. A la derecha del editor de archivos, en la pestaña Marketplace, busca la característica que quieres agregar y, luego, haz clic en el nombre de la característica.

    Captura de pantalla de la pestaña "Marketplace" con "Terra" en el cuadro de búsqueda y la característica de Terraform que se muestran en los resultados de búsqueda.

  3. En "Instalación", haz clic en el fragmento de código para copiarlo en el Portapapeles y, luego, pégalo en el objeto features del archivo devcontainer.json.

    Captura de pantalla de la pestaña "Marketplace" en la que se muestra el fragmento de código de instalación de Terraform.

    "features": {
         // ...
         "ghcr.io/devcontainers/features/terraform:1": {},
         // ...
     }
    
  4. De forma predeterminada, se usará la versión más reciente de la característica. Para elegir una versión diferente o configurar otras opciones para la característica, expande las propiedades enumeradas en "Opciones" para ver los valores disponibles y, luego, edita manualmente el objeto devcontainer.json en el archivo para agregar las opciones.

    Captura de pantalla de la sección "Opciones" de la pestaña "Marketplace", con las propiedades "versión" y "tflint" expandidas.

    "features": {
         // ...
         "ghcr.io/devcontainers/features/terraform:1": {
             "version": "1.1",
             "tflint": "latest"
         },
         // ...
     }
    
  5. Confirma los cambios en el archivo devcontainer.json.

Los cambios de configuración surtirán efecto en los nuevos codespaces creados desde el repositorio. Para que los cambios surtan efecto en los codespaces existentes, deberás extraer las actualizaciones del archivo devcontainer.json en el codespace y, luego, recompilar el contenedor para el codespace. Para obtener más información, vea «Introducción a los contenedores dev».

Para añadir características a VS Code mientras trabajas localmente y no estás conectado a un codespace, debes tener la extensión "Contenedores de desarrollo" instalada y habilitada. Para obtener más información sobre esta extensión, consulta VS Code Marketplace.

  1. Accede a VS Code Command Palette con Mayús+Comando+P (Mac) o Ctrl+Mayús+P (Windows/Linux).

  2. Empieza a escribir "añadir desarrollo" y, a continuación, haz clic en Codespaces: Agregar archivos de configuración de contenedor de desarrollo).

    Captura de pantalla de la paleta de comandos, con "agregar desarrollo" escrito y "Codespaces: agregar archivos de configuración para el contenedor de desarrollo" enumerado.

  3. Haz clic en Modificar la configuración activa.

  4. Actualice las características seleccionadas y haga clic en OK.

  5. Si estás trabajando en un codespace, aparecerá un mensaje en la esquina inferior derecha. Para recompilar el contenedor y aplicar los cambios al codespace en el que estás trabajando, haz clic en Recompilar ahora.

    Captura de pantalla del mensaje: "Hemos observado un cambio en la configuración del contenedor de desarrollo". Debajo se muestra el botón "Recompilar ahora".