add dev environment setup slides for termin 1
- terminal & paketmanager overview - macos: homebrew installation - windows: wsl setup with ubuntu
This commit is contained in:
@@ -799,6 +799,83 @@ Verstehen: HTML ist nur Text
|
||||
|
||||
---
|
||||
|
||||
# Terminal & Paketmanager
|
||||
|
||||
**Warum brauchen wir das?**
|
||||
- Professionelle Webentwicklung läuft über die Kommandozeile
|
||||
- Tools wie `git`, `node`, `npm` werden später benötigt
|
||||
- Bash-Skripte automatisieren wiederkehrende Aufgaben
|
||||
|
||||
**Je nach Betriebssystem:**
|
||||
|
||||
| macOS | Windows |
|
||||
|-------|---------|
|
||||
| Terminal ist vorinstalliert | **WSL** installieren |
|
||||
| **Homebrew** als Paketmanager | Ubuntu-Terminal nutzen |
|
||||
|
||||
<!--
|
||||
Heute nur Einrichtung
|
||||
Später: git, node.js, npm
|
||||
Bash = Standard-Shell für Entwickler
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# macOS: Homebrew installieren
|
||||
|
||||
**Terminal öffnen:** Spotlight → "Terminal"
|
||||
|
||||
**Homebrew installieren:**
|
||||
```bash
|
||||
/bin/bash -c "$(curl -fsSL https://homebrew.sh/install.sh)"
|
||||
```
|
||||
|
||||
**Danach verfügbar:**
|
||||
```bash
|
||||
brew install git # Versionskontrolle
|
||||
brew install node # JavaScript-Runtime
|
||||
brew install --cask visual-studio-code
|
||||
```
|
||||
|
||||
**Homebrew** = Der fehlende Paketmanager für macOS
|
||||
https://brew.sh
|
||||
|
||||
<!--
|
||||
Einzeiler kopieren, im Terminal einfügen
|
||||
Passwort eingeben
|
||||
Dauert 2-5 Minuten
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Windows: WSL einrichten
|
||||
|
||||
**PowerShell als Administrator öffnen:**
|
||||
|
||||
```powershell
|
||||
wsl --install
|
||||
```
|
||||
|
||||
**Neustart erforderlich!** Dann Ubuntu einrichten (Username + Passwort)
|
||||
|
||||
**Im Ubuntu-Terminal:**
|
||||
```bash
|
||||
sudo apt update
|
||||
sudo apt install git nodejs npm
|
||||
```
|
||||
|
||||
**VS Code:** https://code.visualstudio.com
|
||||
→ Extension "WSL" installieren
|
||||
|
||||
<!--
|
||||
WSL = Windows Subsystem for Linux
|
||||
Echtes Linux im Windows
|
||||
Alle Linux-Tools verfügbar
|
||||
VS Code verbindet sich automatisch mit WSL
|
||||
-->
|
||||
|
||||
---
|
||||
|
||||
# Hands-On: Erste HTML-Seite (45 Min)
|
||||
|
||||
**Aufgabe:**
|
||||
|
||||
Reference in New Issue
Block a user