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)
|
# Hands-On: Erste HTML-Seite (45 Min)
|
||||||
|
|
||||||
**Aufgabe:**
|
**Aufgabe:**
|
||||||
|
|||||||
Reference in New Issue
Block a user