La integración de Docker en Visual Studio Code hace que el progreso sea más casquivana y más capaz. Puede crear rápidamente archivos Docker, explorar contenedores e imágenes en un panel visual, y cambiar a registros o terminales con un solo clic. En este artículo, exploraremos cómo configurar Docker en VS Code con la extensión de Docker.
Instalación de la extensión de Docker en VS Código
Antiguamente de instalar la extensión de Docker, asegúrese de que Docker y Visual Studio Code ya estén configurados en su sistema. Rada la aspecto Extensiones en el código de Visual Studio, busque Docker e instale la extensión oficial de Docker de Microsoft.
A posteriori de que se complete la instalación, verá un Docker/contenedores El logotipo aparece en la vértice inferior izquierda del editor, que sirve como el Explorador de Docker.
Conectar Docker Desktop al código VS
Cuando Docker Desktop se está ejecutando, VS Code se conecta automáticamente a través de la extensión de Docker. No necesita una configuración adicional a menos que Docker requiera configuración singular (como hosts remotos o integración WSL).
Para confirmar la conexión, haga clic en el Docker/contenedores ícono para destapar el Docker Explorer. Desde aquí, puede probar sus contenedores en ejecución y detenido, así como ver imágenes, registros, volúmenes y redes.
Suministro de contenedores, imágenes y volúmenes de VS Code
Una vez que Docker está correctamente integrado, puede mandar la mayoría de las tareas de contenedores directamente desde VS Código. Por ejemplo, puede ver contenedores en ejecución y detenidos en la sección de contenedores.
Adicionalmente, puede hacer clic derecho en un contenedor específico para comenzar, detenerlo, reiniciarlo o eliminarlo.
Igualmente puede extraer imágenes, construir otras nuevas o escobillar imágenes no utilizadas. Por ejemplo, para eliminar una imagen no utilizada, simplemente puedo hacer clic derecho en ella y distinguir eliminar para eliminarla de inmediato.
Adicionalmente de eso, puede hacer clic derecho en un bombeo específico vinculado a sus contenedores para inspeccionarlo o administrarlo.
Igualmente puede explorar y mandar redes de contenedores, registros, contextos Docker e incluso entrar a la sección de ayuda y comentarios para simplificar su flujo de trabajo.
Construir y ejecutar una aplicación contenedorizada en el código VS
Construyamos una aplicación Simple Node.js Express para probar la extensión. Para hacer esto, primero, cree una nueva carpeta en el código VS para su plan, luego un archivo llamado «index.js» y agregue el futuro código en ese archivo:
const express = require("express");
const server = express();
const PORT = 4000;server.get("/", (req, res) => {
res.send("Welcome to our Express app!");
});
server.listen(PORT, () => {
console.log(`App running on port ${PORT}`);
});
Este código crea una pequeña aplicación expresa que se ejecuta en el puerto 4000. Cuando abre la URL raíz (/), muestra el mensaje «¡Bienvenido a nuestra aplicación Express!«. Es solo una configuración básica para las pruebas de DockerFile.
A continuación, debe anexar un archivo Docker. Normalmente, anexar Docker significa crear un Dockerfile, escribir las instrucciones, construir una imagen desde el terminal y luego ejecutarla manualmente. Con la extensión de Docker, VS Code puede suscitar estos archivos para usted. Para hacer esto, rada la paleta de comandos (⇧⌘P en Mac o Control + + Cambio + + PAG en Windows) y escriba el comando Add Docker files to Workspace.
Seleccione Node.js como su plataforma de aplicación.
Seleccione el archivo «Package.json» enclavado en la raíz de su plan (la misma carpeta que su archivo index.js). Este es el archivo de configuración principal para su aplicación, y la extensión de Docker lo usará para suscitar el DockerFile necesario y otros archivos relacionados.
Especifique el puerto en el que se ejecuta su aplicación para Docker para exponerlo.
Distinguir Sí Para incluir el archivo de composición de Docker.
La extensión de Docker generará un archivo DockerFile, un archivo «.Dockerignore» y, opcionalmente, un archivo «Compose.yaml» si lo elige.
Finalmente, para construir una imagen de Docker, haga clic con el rama derecho en Dockerfile y Distinguir imagen de compilación o pasar Imágenes de Docker: Imagen de construcción En la paleta de comando.
A continuación, ve a la Imágenes Sección en Docker Explorer para ver su plan recién ayudante:
Ahora, rada la paleta de comando, ejecute el comando container images: run o haga clic derecho en su imagen y seleccione Valer.
De la cinta de imágenes, elija su última imagen.
Y finalmente, puede confirmar que se está ejecutando revisando la sección de contenedores en Docker Explorer.
Para ver su aplicación en obra, haga clic con el rama derecho en el contenedor en ejecución en Docker Explorer y elija Desplegar en el navegador.
Desde la salida, puede ver que el contenedor se está ejecutando y que se puede entrar a nuestra aplicación a través del puerto especificado.
Concluir
La integración de Docker en VS Code optimiza su progreso al permitirle construir, ejecutar y mandar contenedores directamente adentro de su editor. Una vez configurado, puede crear fácilmente archivos Docker, explorar contenedores e imágenes, y entrar a registros o terminales con un solo clic. Simplifica las aplicaciones de ejecución y prueba y mantiene su flujo de trabajo organizado y capaz.
