Verwendung der Cloud IDE

Die Cloud IDE bietet eine voll funktionsfähige Entwicklungsumgebung direkt im Browser und macht eine lokale Einrichtung überflüssig.

Sie läuft in einer dedizierten Compute-Umgebung, die mit dem gemeinsamen Netzwerkdateisystem der bereitgestellten Landschaft verbunden ist. Diese Architektur ermöglicht es der IDE, direkt mit den Live-Dateien zu interagieren, sodass Codeänderungen sofort sichtbar werden, während die Workspace-Tools getrennt von der Anwendungs-Runtime bleiben.

Echtzeit-Zusammenarbeit​

Alle IDE-Funktionen folgen einem Collaboration-First-Ansatz. Jede Änderung, die du oder ein anderes Teammitglied in einem Workspace vornimmst – ob Code-Bearbeitung oder Ausführung eines Terminal-Befehls – wird sofort in der Benutzeroberfläche für alle anderen Benutzer angezeigt. So kannst du gemeinsam mit deinem Team an derselben Codebasis arbeiten und Änderungen in Echtzeit sehen.

Kernfunktionen​

Genau wie eine lokale IDE (z. B. VS Code) ist die Cloud IDE mit standardmäßigen Entwicklungstools ausgestattet, die für die Cloud angepasst wurden.

Der kollaborative Editor (1)​

Der kollaborative Editor bietet alle Funktionen, die man von einer professionellen IDE erwartet, einschließlich Language Server, Syntaxhervorhebung für die meisten gängigen Programmiersprachen und Standard-Tastenkombinationen.

Als Kernstück der IDE ist er auf nahtlose Teamarbeit ausgelegt. Bearbeiten mehrere Personen gleichzeitig, siehst du alle Änderungen in Echtzeit, ähnlich wie bei Google Docs – das macht Pair Programming und Code-Reviews deutlich effizienter.

Der Editor unterstützt teilbare Tabs, um mehrere Dateien gleichzeitig anzuzeigen. Eine Liste der Tastenkombinationen findest du im Menü [[Benutzereinstellungen]], das du über deinen Avatar oben rechts erreichst.

Tastenkombinationen​

Navigation & Suche​

Aktion	Tastenkombination
Dateisuche öffnen	Cmd + P
Überall suchen (global)	Cmd + Shift + F
Dateibaum ein-/ausblenden	Cmd + Shift + E
Nächsten / vorherigen Tab auswählen	Opt + Tab / Opt + Shift + Tab

Code-Bearbeitung & Formatierung​

Aktion	Tastenkombination
Editor-Inhalt speichern	Cmd + S
Code kommentieren / Kommentar entfernen	Cmd + /
Code formatieren	Cmd + Shift + I
Rückgängig / Wiederholen	Cmd + Z / Cmd + Shift + Z
Autovervollständigung anfordern	Ctrl + Space

Workspace & Oberfläche​

Aktion	Tastenkombination
Terminal öffnen / schließen	Opt + T
Einstellungen öffnen	Cmd + Opt + S
Git-Commit-Bereich ein-/ausblenden	Cmd + Shift + G
Editor-Tab schließen	Opt + W

Dateiverwaltung​

Aktion	Tastenkombination
Neue Datei erstellen	Opt + I
Datei / Ordner umbenennen	Opt + Shift + E
Datei löschen	Opt + Shift + D

Eine vollständige Liste der verfügbaren Tastenkombinationen findest du im Menü der Benutzereinstellungen, das du über deinen Avatar oben rechts erreichst.

Dateibaum (2)​

Der Dateibaum befindet sich in der linken Seitenleiste und zeigt dir eine Echtzeitansicht des Dateisystems deines Containers. Er verhält sich wie in jeder lokalen IDE.

• Dateioperationen: Rechtsklick auf Dateien oder Ordner, um Aktionen wie Duplizieren, Umbenennen oder Löschen durchzuführen.
• Drag & Drop: Dateien ziehen, um sie neu zu sortieren oder in andere Verzeichnisse innerhalb des Baums zu verschieben.
• Download: Rechtsklick auf eine beliebige Datei, um sie direkt auf das lokale Gerät herunterzuladen.
• Neue Dateien & Ordner erstellen: Klicke auf die Menüschaltfläche (drei Punkte) oben rechts im Dateibaum, um neue Dateien und Ordner zu erstellen oder vorhandene von deinem Rechner hochzuladen.
• Aktuelle Datei hervorheben: Ein Klick auf das Zielsymbol oben rechts erweitert den Baum automatisch, um die aktuell im Editor geöffnete Datei hervorzuheben.

Datei- und Inhaltssuche (3)​

In der linken Seitenleiste, direkt neben dem Tab „Dateibaum“, findest du Tools zum Durchsuchen deines Repositorys.

• Suchbereich: Verwende die Umschaltflächen, um nach Dateiname (zum Auffinden bestimmter Assets) oder nach Inhalt (zum Finden von Codeausschnitten oder Textstrings im gesamten Projekt) zu suchen.
• Ergebnisse: Beide Suchmethoden liefern eine zusammengefasste Liste von Treffern. Ein Klick auf ein Ergebnis öffnet sofort die Datei und springt zur relevanten Zeile.

Terminal (4)​

Codesphere bietet vollen Shell-Zugriff über eine Ubuntu-basierte Umgebung. Das Terminal öffnet sich an derselben Stelle, an der das Dateisystem eingebunden ist (/home/user/app). Du kannst es über das Terminal-Symbol in der rechten Seitenleiste oder die Panel-Schaltfläche in der unteren Leiste ein- und ausblenden.

• Echtzeit-Zusammenarbeit: Terminals sind gemeinsam genutzte Sitzungen. Jedes von dir geöffnete Terminal ist für Teammitglieder im Workspace sichtbar, sodass ihr gemeinsam debuggen und Befehle in Echtzeit beim Eintippen sehen könnt.
• Mehrere Instanzen: Du kannst mehrere Terminal-Tabs öffnen, um Hintergrundprozesse (z. B. Watcher) laufen zu lassen, während du in einem anderen Tab Befehle ausführst.

Einschränkungen

• Rootless-Umgebung: Aus Sicherheitsgründen ist das Terminal rootless, weshalb sudo oder apt-get nicht verwendet werden können. Nutze stattdessen den vorinstallierten Nix-Paketmanager, um Abhängigkeiten auf Systemebene zu installieren.
• Runtime-Isolation: Das Terminal läuft im IDE-Pod, getrennt von der Anwendungs-Deployment. Obwohl das Dateisystem gemeinsam genutzt wird, hast du keinen direkten Zugriff auf die laufenden Prozesse deiner Services.

Erweiterte Workflows​

Während die Kern-IDE die kollaborative Codebearbeitung übernimmt, bietet Codesphere spezialisierte Workflows für Versionskontrolle und Team-Synchronisation. Dafür stehen dedizierte Anleitungen zur Verfügung:

Git & Versionskontrolle​

Verwalte deine Branches, committe Änderungen und synchronisiere dich direkt über die Benutzeroberfläche mit deinem Remote-Repository.

Mehr dazu unter Git & Versionskontrolle.