Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
de:modul:m291:learningunits:lu16:theorie:c_deploy [2026/06/28 23:34] – angelegt gkochde:modul:m291:learningunits:lu16:theorie:c_deploy [2026/06/28 23:55] (aktuell) gkoch
Zeile 20: Zeile 20:
 Nach dem Build liegt ein neuer Ordner ''dist/'' im Projekt: Nach dem Build liegt ein neuer Ordner ''dist/'' im Projekt:
 {{:de:modul:m291:learningunits:lu16:theorie:scap_20260628231953_1.png?direct&600| Inhalt des dist-Ordners }}\\ {{:de:modul:m291:learningunits:lu16:theorie:scap_20260628231953_1.png?direct&600| Inhalt des dist-Ordners }}\\
-//Screenshot VS Code Explorer mit dist-Ordner: index.html, assets/-Unterordner mit .js und .css Dateien+//Screenshot VS Code Explorer mit dist-Ordner: index.html, assets/-Unterordner mit .js und .css Dateien//
  
  
Zeile 61: Zeile 61:
 {{:de:modul:m291:learningunits:lu16:theorie:screenshot_2026-06-28_at_23.26.39.png?direct&1100 | Deploy-Workflow mit Git: Code → GitHub → Hoster → Live }}\\ {{:de:modul:m291:learningunits:lu16:theorie:screenshot_2026-06-28_at_23.26.39.png?direct&1100 | Deploy-Workflow mit Git: Code → GitHub → Hoster → Live }}\\
 //Development → Code push zu GitHub → Vercel/Netlify/Render → Preview → Production (Live)// //Development → Code push zu GitHub → Vercel/Netlify/Render → Preview → Production (Live)//
 +
 <WRAP center round center 80%> <WRAP center round center 80%>
 ^ Anbieter ^ Kostenlos ^ Besonderheit ^ ^ Anbieter ^ Kostenlos ^ Besonderheit ^
Zeile 75: Zeile 76:
 Für den Unterricht – ohne Git-Kenntnisse – gibt es zwei einfachere Wege: Für den Unterricht – ohne Git-Kenntnisse – gibt es zwei einfachere Wege:
  
-<WRAP center round box 80%> 
 {{:de:modul:m291:learningunits:lu16:theorie:scap_20260628233044_1.png?direct&1100| Deploy ohne Git: npm run build → dist → surge.sh → Live-URL }}\\ {{:de:modul:m291:learningunits:lu16:theorie:scap_20260628233044_1.png?direct&1100| Deploy ohne Git: npm run build → dist → surge.sh → Live-URL }}\\
 //Vue.js mit npm run build und surge.sh deployen// //Vue.js mit npm run build und surge.sh deployen//
-</WRAP> 
  
 ==== Option A: Surge.sh (Terminal-Weg) ==== ==== Option A: Surge.sh (Terminal-Weg) ====
Zeile 125: Zeile 124:
 | **Automatisches Re-Deploy** | Nein | Nein | Ja (bei Git-Push) | | **Automatisches Re-Deploy** | Nein | Nein | Ja (bei Git-Push) |
 | **Gratis** | ✅ | ✅ | ✅ (mit Limits) | | **Gratis** | ✅ | ✅ | ✅ (mit Limits) |
 +| **Eigene Domain** | Ja | Nein | Ja |
 </WRAP> </WRAP>
 ===== Zusammenfassung: Der komplette Ablauf ===== ===== Zusammenfassung: Der komplette Ablauf =====
  • de/modul/m291/learningunits/lu16/theorie/c_deploy.1782682475.txt.gz
  • Zuletzt geändert: 2026/06/28 23:34
  • von gkoch