forked from WEB-IB-WS2526/lab-development-ib
|
||
---|---|---|
.devcontainer | ||
web/01 | ||
.gitignore | ||
README.md |
README.md
Entwicklungsumgebung mit VS Code, Docker und Dev Containers
Diese Anleitung beschreibt die Schritte zur Installation von Visual Studio Code, Docker und der Dev-Container-Erweiterung.
1. Visual Studio Code installieren
Download: https://code.visualstudio.com/
Schritte:
- Webseite öffnen.
- Betriebssystem auswählen.
- Installationsdatei herunterladen.
- Installation ausführen.
- VS Code starten.
2. Docker installieren
Download: https://www.docker.com/products/docker-desktop
Schritte:
- Webseite öffnen.
- Betriebssystem auswählen.
- Docker Desktop herunterladen.
- Installation ausführen.
- Docker starten.
- Überprüfen in Terminal oder Kommandozeile mit:
docker --version
3. Dev-Container-Erweiterung installieren
Schritte:
- VS Code öffnen.
- Erweiterungsansicht (Extensions) öffnen (
Strg+Shift+X
). - Nach "Dev Containers" suchen.
- Erweiterung von Microsoft installieren.
4. Dev-Container starten
Entwicklungsumgebung in Dev-Container öffnen:
- Nur falls Git noch nicht vorhanden: Git herunterladen und installieren über https://git-scm.com/
- Repository aus Gitty lokal klonen, z. B. über Terminal, Git-Client oder Gitty-Weboberfläche ("In VS Code clonen")
git clone https://gitty.informatik.hs-mannheim.de/WEB-IB-WS2526/lab-development-ib.git
Beachte: Clonen Sie das Repository in ein Verzeichnis Ihrer Wahl und merken Sie sich dieses für die folgenden Schritte. Späteres Verschieben ist nicht ratsam.
- VS Code starten.
- Den geklonten Projektordner über „Datei → Ordner öffnen…“ auswählen.
- Befehlspalette öffnen (
Strg+Shift+P
). - Folgenden Befehl eingeben:
Dev Containers: Open Folder in Container...
- Die Container-Umgebung wird automatisch erkannt und gestartet.
- Das Projekt öffnet sich im Container und ist einsatzbereit.
5. Funktionstest
- Wechseln Sie in den Ordner `web/01/demos/``
- Öffnen Sie
HalloWelt.html
im Editor - Testen Sie die Browser-Preview:
- Klicken Sie auf das Icon rechts oben:
→ es sollte eine Vorschau der geöffneten HTML-Datei erscheinen.Open Preview
- Testen Sie die Go-Installation:
- Öffnen Sie einen Terminal
- Geben Sie folgenden Befehl ein:
→ es solltego version
go version go1.24.5 linux/arm64
erscheinen
Hinweise
- Docker muss aktiv sein, bevor VS Code mit Containern arbeitet.
- Bei Problemen: VS Code und Docker neu starten.
- Weitere Informationen: