IONOS + Hetzner in VS Code vereint.
Eine VS Code Extension, die das nervige Tab-Hopping zwischen IONOS und Hetzner Control Panels beendet. Verwalten Sie DNS-Records und Cloud-Server direkt aus Ihrem Editor.
- Domain-Γbersicht: Alle Ihre IONOS-Domains auf einen Blick
- Record-Verwaltung: A, AAAA, MX, CNAME, TXT Records anzeigen und bearbeiten
- Quick Edit: Klick auf Record β neuen Wert eingeben β fertig
- TTL Toggle: Schnell zwischen 60s (Migration) und 1h (Normal) wechseln
- Propagation Check: PrΓΌfen Sie, ob DNS-Γnderungen bei Google, Cloudflare und Quad9 angekommen sind
- Server-Γbersicht: Status-Anzeige mit farbigen Icons (π’ Running, π΄ Off, π‘ Migrating)
- Power Control: Soft Reboot, Power On/Off, Hard Reset
- Rescue Mode: Mit einem Klick aktivieren β Root-Passwort wird automatisch kopiert
- Snapshots: Backup vor dem Deployment direkt aus VS Code
- SSH Terminal: Γffnet eine SSH-Session im integrierten Terminal
- Web Console: Direktlink zur Hetzner Cloud Console
- Copy IP β Update DNS: Server-IP kopieren, dann auf Domain anwenden β ohne Copy-Paste-Fehler
- DevOps Clipboard: Internes Clipboard fΓΌr den Workflow zwischen Providern
- Interaktive Mindmap: Alle Accounts, Projekte, Domains, Server und Records in einer visuellen Γbersicht
- Flexible Filter:
- Single/Multi-Select Modus pro Filter-Kategorie (Typ, Provider, Projekt)
- Schnellsuche fΓΌr sofortige Filterung
- Darstellungsoptionen:
- Layout-Modi: Hierarchisch, Kreis, Grid, Force-Directed
- Node-GrΓΆΓe: 50% - 200% anpassbar
- Verbindungsstile: Gerade, Gebogen, Gestrichelt
- VerbindungsstΓ€rke: 1-5px einstellbar
- Labels: Ein/Ausblenden
- Node-Farben: Nach Typ, Provider, Projekt oder Status
- Interaktion: Zoom, Pan, Zentrieren, Reset View
- Export: JSON-Export der gesamten Map-Daten
- Extension in VS Code installieren
- In der Seitenleiste auf das Cloud-Icon (DevOps) klicken
- Tokens konfigurieren (siehe unten)
- Γffnen Sie die IONOS Developer Console
- Erstellen Sie einen neuen API Key
- In VS Code:
Ctrl+Shift+Pβ "DevOps Setup: Set IONOS DNS Token" - Token im Format
public_prefix.secreteingeben
- Γffnen Sie die Hetzner Cloud Console
- WΓ€hlen Sie ein Projekt β Security β API Tokens
- Neuen Token mit Read & Write Berechtigung erstellen
- In VS Code:
Ctrl+Shift+Pβ "DevOps Setup: Set Hetzner Cloud Token"
π Sicherheit: Tokens werden verschlΓΌsselt im VS Code SecretStorage gespeichert β nicht im Klartext in settings.json.
1. Server in "COMPUTE (HETZNER)" finden
2. Rechtsklick β "Copy IP" (π)
3. DNS Record in "DOMAINS (IONOS)" finden
4. Rechtsklick β "Update from DevOps Clipboard"
5. BestΓ€tigen β fertig!
1. A-Record finden
2. Rechtsklick β "Set TTL to 60s (Migration Mode)"
3. Warten bis propagiert (Check Propagation)
4. Migration durchfΓΌhren
5. Nach Abschluss: "Set TTL to 1h (Normal)"
1. Server in Liste finden
2. Rechtsklick β "Hard Reset (Emergency)"
3. β οΈ BestΓ€tigen (Datenverlust mΓΆglich!)
1. Server finden
2. Rechtsklick β "Enable Rescue Mode"
3. Root-Passwort wird in Zwischenablage kopiert
4. Server bootet in Rescue-Linux
5. SSH verbinden und reparieren
| Setting | Default | Beschreibung |
|---|---|---|
devops.debugLogging |
false |
AusfΓΌhrliches Logging im Output-Panel |
devops.readOnly |
false |
Read-Only Modus β alle Schreiboperationen deaktiviert |
devops.cacheTtlSeconds |
30 |
Cache-Dauer fΓΌr API-Antworten |
Aktivieren Sie devops.readOnly in den Einstellungen, wenn Sie die Extension nur zum Browsen nutzen mΓΆchten, ohne versehentlich etwas zu Γ€ndern. Alle mutierenden Aktionen (DNS Update, Server Reboot, etc.) werden dann blockiert.
Alle Commands sind ΓΌber Ctrl+Shift+P erreichbar:
| Command | Beschreibung |
|---|---|
DevOps: Refresh |
Alle Views neu laden |
DevOps: Show Logs |
Output-Panel ΓΆffnen |
DevOps Setup: Set IONOS DNS Token |
IONOS API Key eingeben |
DevOps Setup: Set Hetzner Cloud Token |
Hetzner API Key eingeben |
DevOps Setup: Clear IONOS Token |
IONOS Token lΓΆschen |
DevOps Setup: Clear Hetzner Token |
Hetzner Token lΓΆschen |
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β VS Code Extension β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β UI Layer (Tree Views) β
β βββββββββββββββββββ βββββββββββββββββββ β
β β DomainsTreeView β β ComputeTreeView β β
β ββββββββββ¬βββββββββ ββββββββββ¬βββββββββ β
βββββββββββββΌββββββββββββββββββββββΌββββββββββββββββββββββββββββ€
β Core Layer β
β ββββββββββ΄ββββββββββββββββββββββ΄βββββββββ β
β β ProviderManager β β
β βββββββββββββββββββββ¬ββββββββββββββββββββ β
ββββββββββββββββββββββββΌβββββββββββββββββββββββββββββββββββββββ€
β Provider Layer β β
β βββββββββββββββββββββ΄ββββββββββββββββββββ β
β β IonosDnsProvider β HetznerCloudProvider β
β βββββββββββββββββββββββββββββββββββββββββ β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β Utilities β
β βββββββββββ βββββββββββ βββββββββββ βββββββββββ β
β β Logging β β Caching β β Errors β β Guards β β
β βββββββββββ βββββββββββ βββββββββββ βββββββββββ β
βββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
# Dependencies installieren
npm install
# Kompilieren
npm run compile
# Watch-Mode
npm run watch
# Extension testen (F5 in VS Code)- IONOS Compute (Cloud Server)
- Hetzner Robot (Dedicated Server)
- DNS Presets (Mail-Templates mit einem Klick)
- "Provision & Point" Wizard (Server erstellen + DNS automatisch setzen)
- Multi-Account Support
- Tokens sind sensibel: Sie kΓΆnnen Domains ΓΌbernehmen und Server lΓΆschen
- Nutzen Sie den Read-Only Modus fΓΌr sicheres Browsen
- Vor destruktiven Aktionen erscheint immer ein BestΓ€tigungsdialog
- Tokens werden niemals in Logs oder settings.json gespeichert
MIT
Probleme oder Feature-WΓΌnsche? GitHub Issues