VS Code

Prerequisiti

1. VS Code
2. Estensione Dev Containers (ms-vscode-remote.remote-containers)
3. Docker o Podman in esecuzione sulla propria macchina (vedi Per iniziare). VS Code Dev Containers supporta anche Podman come backend.

Avvio rapido

git clone https://github.com/f5-sales-demo/devcontainer.git
code devcontainer

VS Code rileva .devcontainer/devcontainer.json e mostra una notifica: “Reopen in Container”. Fare clic su di essa, oppure utilizzare la palette dei comandi:

Dev Containers: Reopen in Container

VS Code compila (o scarica) l’immagine, avvia il container, installa le estensioni e apre un terminale all’interno del container.

Come funziona

Il file .devcontainer/devcontainer.json indica a VS Code di utilizzare Docker Compose:

"dockerComposeFile": ["../docker-compose.yml", "../docker-compose.build.yml"],
"service": "dev",
"workspaceFolder": "/workspace"

La configurazione del devcontainer include esplicitamente il file di build, così VS Code può compilare l’immagine localmente quando si utilizza “Reopen in Container” o “Rebuild Container”.

Estensioni

Le estensioni vengono installate automaticamente all’interno del container:

Estensione	Descrizione
Python	Supporto per il linguaggio Python
ESLint	Linting JavaScript/TypeScript
Prettier	Formattazione del codice
Docker	Supporto per Dockerfile e compose
Terraform	Supporto per il linguaggio HCL
Go	Supporto per il linguaggio Go
Rust Analyzer	Supporto per il linguaggio Rust
YAML	Supporto per il linguaggio YAML
Kubernetes	Supporto per i manifest Kubernetes

Per aggiungere estensioni, modificare l’array customizations.vscode.extensions in .devcontainer/devcontainer.json.

Inoltro delle porte

VS Code inoltra automaticamente le porte definite nel file compose. Il display noVNC è disponibile all’indirizzo http://localhost:6080/vnc.html — VS Code invierà una notifica quando la porta è pronta.

Porte aggiuntive possono essere inoltrate su richiesta dal pannello Porte in VS Code.

Alternativa con CLI Devcontainer

Se si preferisce la riga di comando rispetto all’interfaccia di VS Code:

npm install -g @devcontainers/cli

devcontainer up --workspace-folder .
devcontainer exec --workspace-folder . zsh

Ricompilazione

Dopo aver modificato il Dockerfile o i file compose:

Dev Containers: Rebuild Container

Questo ricompila l’immagine e riavvia il container. I volumi con nome (workspace, home) persistono tra le ricompilazioni.