LabEx VM WebIDE Schnittstelle

Arbeiten mit Java-Projekten in WebIDE:

1. Erstellen Sie eine neue Java-Datei über den Explorer
2. Schreiben Sie Ihren Java-Code mit Syntax-Hervorhebung
3. Kompilieren und Ausführen im Terminal:

javac MyClass.java
java MyClass

4. Sehen Sie sich Kompilierungsfehler und -warnungen in Echtzeit an

Für Frontend-Entwicklungstasks:

1. Erstellen Sie HTML-, CSS- und JavaScript-Dateien
2. Klicken Sie auf die Schaltfläche “Go Live” in der unteren rechten Ecke
3. Greifen Sie auf Ihre Webseite zu über:
   • Web 8080-Tab oben in der LabEx VM
   • Erstellen Sie neue Port-Vorschau-Tabs mit der +-Schaltfläche

Hinweis: Ihr Projekt wird automatisch auf eine öffentliche URL auf dem LabEx-Server bereitgestellt, sodass es über die Web-Tabs zugänglich ist.

Für die Python-Programmierung:

1. Erstellen Sie eine Python-Datei im Explorer
2. Schreiben Sie Ihren Python-Code mit:
   • Syntax-Hervorhebung
   • Code-Vervollständigung
   • Fehlererkennung
3. Führen Sie Ihr Skript im Terminal aus:

python3 script.py

4. Verwenden Sie den integrierten Debugger für das Schritt-für-Schritt-Ausführen

LabEx VM stellt Ihre Web-Projekte automatisch bereit:

1. Standardport 8080:

   • Klicken Sie auf die Registerkarte “Web 8080” oben in der LabEx VM
   • Ihre Anwendung wird über eine öffentliche URL zugänglich sein

2. Benutzerdefinierte Ports:

   • Klicken Sie auf die +-Schaltfläche, um neue Port-Vorschau-Tabs zu erstellen
   • Jeder Port erhält seine eigene öffentliche URL
   • Nützlich für das Ausführen mehrerer Dienste (z.B. Frontend und Backend)

Hinweis: Anders als bei der lokalen Entwicklung greifen Sie nicht direkt auf localhost zu, da LabEx in der Cloud läuft.

Häufige Tastenkürzel in der WebIDE:

• Dateioperationen

  • Neue Datei: Strg+N
  • Speichern: Strg+S
  • Suchen: Strg+F
  • Ersetzen: Strg+H

• Panelsteuerungen

  • Sidebar umschalten: Strg+B
  • Terminal umschalten: Strg+`
  • Befehlspalette: Strg+Umschalt+P

• Editorfunktionen

  • Mehrfachcursor: Alt+Klick
  • Alle Vorkommen auswählen: Strg+Umschalt+L
  • Dokument formatieren: Umschalt+Alt+F

Ja, Sie können zusätzliche Tools mit dem Ubuntu-Paketmanager installieren:

sudo apt update
sudo apt install package-name

Für sprachspezifische Paketmanager:

• Node.js/npm:

npm install package-name

• Python/pip:

pip install package-name

Denken Sie daran, dass die Installationen temporär sind und beim Ende Ihrer Sitzung zurückgesetzt werden.

Die WebIDE bietet mehrere Möglichkeiten, um Dateien zu verwalten:

1. Dateiupload:

   • Ziehen und Ablegen von Dateien in den Explorer
   • Verwenden Sie das Hochladen/Therunterladen, nachdem Sie im Explorer rechtsklicken

2. Dateidownload:

   • Rechtsklicken Sie auf die Datei im Explorer
   • Wählen Sie “Download”

3. Kopieren/Einfügen:

   • Textinhalte können direkt zwischen Ihrem lokalen Computer und der WebIDE kopiert werden
   • Binäre Dateien sollten die Hochlade-/Downloadfunktionen verwenden

Denken Sie daran, dass alle Dateien temporär sind und beim Ende Ihrer Sitzung verloren gehen.