Die Cloud IDE nutzen
Die Cloud IDE stellt eine voll funktionsfähige Entwicklungsumgebung direkt im Browser bereit, sodass keine lokale Einrichtung erforderlich ist.
Sie läuft in einer dedizierten Compute-Umgebung, die mit dem gemeinsamen Netzwerk-Dateisystem 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 vom Anwendungs-Runtime bleiben.
Echtzeit-Kollaboration
Alle IDE-Funktionen folgen einem Collaboration-First-Ansatz. Jede Änderung, die du oder ein anderes Teammitglied in einem Workspace vornimmt – ob beim Bearbeiten von Code oder beim Ausführen eines Terminal-Befehls – wird sofort in der Benutzeroberfläche aller anderen Nutzer 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) verfügt die Cloud IDE über standardmäßige Entwicklungstools, die auf die Cloud abgestimmt sind.
Der kollaborative Editor (1)
Der kollaborative Editor bietet alle Funktionen, die man von einer professionellen IDE erwartet, einschließlich eines Language Servers, Syntaxhervorhebung für die meisten gängigen Programmiersprachen und Standard-Tastenkombinationen.
Als Herzstück der IDE ist er für nahtlose Teamarbeit ausgelegt. Wenn mehrere Personen gleichzeitig bearbeiten, 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 bearbeiten & formatieren
| 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 |
| Auto-Vervollstä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 bietet eine Echtzeit-Ansicht des Dateisystems deines Containers. Er verhält sich wie in jeder lokalen IDE.
- Dateioperationen: Klicke mit der rechten Maustaste auf Dateien oder Ordner, um Aktionen wie Duplizieren, Umbenennen oder Löschen auszuführen.
- Drag & Drop: Ziehe Dateien, um sie neu anzuordnen oder in andere Verzeichnisse innerhalb des Baums zu verschieben.
- Download: Klicke mit der rechten Maustaste auf eine beliebige Datei, um sie direkt auf dein lokales 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- & Inhaltssuche (3)
In der linken Seitenleiste, direkt neben dem Tab des Dateibaums, findest du Werkzeuge zum Durchsuchen deines Repositorys.
- Suchbereich: Nutze die Umschaltflächen, um entweder nach Dateiname (um bestimmte Assets zu finden) oder nach Inhalt (um Code-Snippets oder Textstrings im gesamten Projekt zu finden) zu suchen.
- Ergebnisse: Beide Suchmethoden liefern eine konsolidierte Liste von Treffern. Ein Klick auf ein Ergebnis öffnet sofort die Datei und springt zur betreffenden Zeile.
Terminal (4)
Codesphere bietet vollen Shell-Zugriff über eine Ubuntu-basierte Umgebung. Das Terminal öffnet sich an derselben Stelle, an der dein 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-Kollaboration: Terminals sind gemeinsame Sitzungen. Jedes von dir geöffnete Terminal ist für Teammitglieder im Workspace sichtbar, sodass ihr gemeinsam debuggen und Befehle beim Eintippen live mitverfolgen könnt.
- Mehrere Instanzen: Du kannst mehrere Terminal-Tabs öffnen, um Hintergrundprozesse (z. B. Watcher) laufen zu lassen, während du in einem anderen Befehle ausführst.
Einschränkungen
- Rootless-Umgebung: Aus Sicherheitsgründen ist das Terminal rootless, sodass
sudooderapt-getnicht genutzt werden können. Verwende stattdessen den vorinstallierten Nix-Paketmanager, um Abhängigkeiten auf Systemebene zu installieren. - Runtime-Isolation: Das Terminal läuft im IDE-Pod, getrennt von deinem Anwendungs-Deployment. Zwar wird das Dateisystem gemeinsam genutzt, aber du hast 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. Für diese Funktionen stehen dedizierte Anleitungen zur Verfügung:
Git & Versionskontrolle
Verwalte deine Branches, committe Änderungen und synchronisiere direkt über die Benutzeroberfläche mit deinem Remote-Repository.
Weitere Informationen zu Git & Versionskontrolle.