L'integrazione di Docker in Visual Studio Code rende lo sviluppo più semplice ed efficiente. Puoi creare rapidamente file Docker, esplorare contenitori e immagini in un pannello visivo e passare ai log o ai terminali con un solo clic. In questo articolo esploreremo come configurare Docker in VS Code con l'estensione Docker.
Sommario
- Installazione dell'estensione Docker in VS Code
- Connessione di Docker Desktop a VS Code
- Gestione di contenitori, immagini e volumi da VS Code
- Crea ed esegui un'app in contenitori in VS Code
Installazione dell'estensione Docker in VS Code
Prima di installare l'estensione Docker, assicurati che Docker e Visual Studio Code siano già configurati nel tuo sistema. Apri la visualizzazione Estensioni in Visual Studio Code, cerca Docker e installa l'estensione Docker ufficiale di Microsoft.
Al termine dell'installazione, vedrai aDocker/ContenitoriIl logo appare nell'angolo inferiore sinistro dell'editor, che funge da fileDocker Explorer.
Connessione di Docker Desktop a VS Code
Quando Docker Desktop è in esecuzione, VS Code si connette automaticamente tramite l'estensione Docker. Non è necessaria una configurazione aggiuntiva a meno che Docker non richieda una configurazione speciale (come host remoti o integrazione WSL).
Per confermare la connessione, fare clic suDocker/Contenitoriicona per aprire Docker Explorer. Da qui puoi controllare i contenitori in esecuzione e arrestati, nonché visualizzare immagini, registri, volumi e reti.
Gestione di contenitori, immagini e volumi da VS Code
Una volta integrato correttamente Docker, puoi gestire la maggior parte delle attività del contenitore direttamente da VS Code. Ad esempio, puoi visualizzare i contenitori in esecuzione e arrestati nella sezione CONTAINER.
Inoltre, puoi fare clic con il pulsante destro del mouse su un contenitore specifico per avviarlo, arrestarlo, riavviarlo o rimuoverlo.
Puoi anche estrarre immagini, crearne di nuove o ripulire immagini inutilizzate. Ad esempio, per rimuovere un'immagine inutilizzata, posso semplicemente fare clic con il pulsante destro del mouse su di essa e selezionare Rimuovi per eliminarla immediatamente.
Oltre a ciò, puoi fare clic con il pulsante destro del mouse su un volume specifico collegato ai tuoi contenitori per ispezionarlo o gestirlo.
Puoi anche esplorare e gestire reti di contenitori, registri, contesti Docker e persino accedere alla sezione di aiuto e feedback per semplificare il tuo flusso di lavoro.
Crea ed esegui un'app in contenitori in VS Code
Creiamo una semplice app Node.js Express per provare l'estensione. Per fare ciò, crea innanzitutto una nuova cartella in VS Code per il tuo progetto, quindi un file denominato "index.js" e aggiungi il seguente codice in quel file:
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}`);
});
Questo codice crea una piccola app Express che viene eseguita sulla porta 4000. Quando apri l'URL root (/), viene visualizzato il messaggio "Benvenuti nella nostra app Express!". È solo una configurazione di base per il test di Dockerfile.
Successivamente, è necessario aggiungere un file Docker. Normalmente, aggiungere Docker significa creare un Dockerfile, scrivere le istruzioni, creare un'immagine dal terminale e quindi eseguirla manualmente. Con l'estensione Docker, VS Code può generare questi file per te. Per fare ciò, apri la palette dei comandi (⇧⌘P su Mac o Ctrl + Maiusc + P su Windows) e digita il comandoAdd Docker files to Workspace.
Seleziona Node.js come piattaforma applicativa.
Seleziona il file "package.json" che si trova nella root del tuo progetto (la stessa cartella del file index.js). Questo è il file di configurazione principale per la tua app e l'estensione Docker lo utilizzerà per generare il Dockerfile necessario e altri file correlati.
Specifica la porta su cui viene eseguita la tua app affinché Docker la esponga.
SelezionareSÌper includere il file Docker Compose.
Leggi anche:Docker Desktop e Docker Engine: qual è la differenza?
L'estensione Docker genererà un Dockerfile, un file ".dockerignore" e facoltativamente un file "compose.yaml" se lo scegli.
Infine, per creare un'immagine Docker, fai clic con il pulsante destro del mouse sul Dockerfile eseleziona Crea immagineo correreImmagini Docker: crea immaginenella tavolozza dei comandi.
Successivamente, vai aImmaginisezione in Docker Explorer per vedere il tuo progetto appena aggiunto:
Ora apri la tavolozza dei comandi, esegui il comandocontainer images: runoppure fai clic con il pulsante destro del mouse sull'immagine e selezionaCorrere.
Dall'elenco delle immagini, scegli la tua ultima immagine.
Infine, puoi verificare che sia in esecuzione controllando la sezione Contenitori in Docker Explorer.
Per vedere la tua app in azione, fai clic con il pulsante destro del mouse sul contenitore in esecuzione in Docker Explorer e scegliApri nel browser.
Dall'output puoi vedere che il contenitore è in esecuzione e la nostra app è accessibile tramite la porta specificata.
Concludendo
L'integrazione di Docker in VS Code semplifica il tuo sviluppo consentendoti di creare, eseguire e gestire i contenitori direttamente nel tuo editor. Una volta configurato, puoi creare facilmente file Docker, esplorare contenitori e immagini e accedere a log o terminali con un solo clic. Semplifica l'esecuzione e il test delle applicazioni e mantiene il flusso di lavoro organizzato ed efficiente.
