VS Code

Voraussetzungen

1. VS Code
2. Dev Containers-Erweiterung (ms-vscode-remote.remote-containers)
3. Docker oder Podman muss auf Ihrem Rechner laufen (siehe Erste Schritte). VS Code Dev Containers unterstützt auch Podman als Backend.

Schnellstart

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

VS Code erkennt .devcontainer/devcontainer.json und zeigt eine Benachrichtigung an: “Reopen in Container”. Klicken Sie darauf oder verwenden Sie die Befehlspalette:

Dev Containers: Reopen in Container

VS Code erstellt (oder lädt) das Image, startet den Container, installiert Erweiterungen und öffnet ein Terminal innerhalb des Containers.

Funktionsweise

Die Datei .devcontainer/devcontainer.json weist VS Code an, Docker Compose zu verwenden:

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

Die Devcontainer-Konfiguration bindet explizit die Build-Datei ein, sodass VS Code das Image lokal erstellen kann, wenn Sie “Reopen in Container” oder “Rebuild Container” verwenden.

Erweiterungen

Erweiterungen werden automatisch innerhalb des Containers installiert:

Erweiterung	Beschreibung
Python	Python-Sprachunterstützung
ESLint	JavaScript/TypeScript-Linting
Prettier	Code-Formatierung
Docker	Dockerfile- und Compose-Unterstützung
Terraform	HCL-Sprachunterstützung
Go	Go-Sprachunterstützung
Rust Analyzer	Rust-Sprachunterstützung
YAML	YAML-Sprachunterstützung
Kubernetes	Kubernetes-Manifest-Unterstützung

Um Erweiterungen hinzuzufügen, bearbeiten Sie das Array customizations.vscode.extensions in .devcontainer/devcontainer.json.

Port-Weiterleitung

VS Code leitet automatisch Ports weiter, die in der Compose-Datei definiert sind. Das noVNC-Display ist unter http://localhost:6080/vnc.html verfügbar — VS Code benachrichtigt Sie, wenn der Port bereit ist.

Zusätzliche Ports können bei Bedarf über das Ports-Panel in VS Code weitergeleitet werden.

Devcontainer-CLI als Alternative

Wenn Sie die Kommandozeile der VS Code-Oberfläche vorziehen:

npm install -g @devcontainers/cli

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

Neuerstellen

Nach Änderungen am Dockerfile oder an Compose-Dateien:

Dev Containers: Rebuild Container

Dies erstellt das Image neu und startet den Container neu. Benannte Volumes (workspace, home) bleiben über Neuerstellungen hinweg erhalten.