Cómo usar Docker en Visual Studio Code

La tarea de integrar Docker en VS Code aumenta tu productividad..

Con unos sencillos pasos, vas a poder crear Dockerfiles, explorar contenedores, desplegar microservicios y visualizar logs sin salir del propio editor de Visual Studio Code.

Aquí tienes la guía definitiva para sacarle el partido:

1. Instala la extensión Docker en VS Code

Debes tener Docker y VS Code instalados. Luego, ve al panel de extensiones en VS Code y busca “Docker”.

Entonces, instala la extensión oficial de Microsoft (“Docker”) y eso es todo.

Aparecerá un icono de Docker/Containers en la barra lateral: y desde ahí accedes a Docker Explorer.

2. Conecta Docker Desktop a VS Code

Si Docker Desktop está activo, VS Code se conectará automáticamente. Haz clic en el icono de Docker para ver contenedores, imágenes, registros, volúmenes y redes.

Con esto puedes gestionar todo visualmente: iniciar, detener, eliminar o inspeccionar recursos con un solo clic.

3. Gestiona contenedores, imágenes y volúmenes desde el editor

Visualiza y controla contenedores activos o detenidos desde la pestaña CONTAINERS.

Luego, haz clic derecho en cualquier contenedor o imagen para:

• Iniciar, detener, reiniciar, eliminar contenedor.
• Borrar imágenes no usadas.
• Inspeccionar y gestionar volúmenes y redes asociadas.

4. Crea y despliega una app en contenedor desde VS Code (ejemplo Node.js Express)

4.1. Crea el proyecto y el archivo principal “index.js” con el siguiente código

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}`);
});

4.2. Genera los archivos Docker desde el editor

Abre la paleta de comandos (Ctrl+Shift+P o ⇧⌘P en Mac). Escribe: Add Docker files to Workspace.

Selecciona Node.js, escoge el “package.json”, indica el puerto (4000) y si quieres añade Docker Compose. El asistente generará Dockerfile, .dockerignore y compose.yaml.

4.3. Construye y lanza tu imagen

Haz clic derecho en el Dockerfile → Build Image o busca ese comando en la paleta. Ve a la sección Images, localiza tu imagen y selecciónala para Run.

Verifica que el contenedor aparece como running y abre el navegador a través de “Open in Browser”.

5. Diagnóstico y logs: todo centralizado

Haz clic derecho en un contenedor para ver logs, acceder a terminal o parar/arrancar servicios. Con estos pasos, tendrás todo dentro de VS Code, sin terminal adicional ni scripts complejos.

Ventajas

• Ahorra tiempo creando y gestionando Dockerfiles y Compose.
• Control visual y centralizado de tus recursos Docker.
• Perfecto para desarrolladores de microservicios, proyectos Node.js, Python, Java, etc.
• Automatiza tareas y aumenta la eficiencia diaria.