LU00l - Benötigte Software - V2

Bevor wir uns an die praktische Arbeit machen, müssen wir verschiedene Software installieren. Die folgende Liste enthält die erforderlichen Tools und den Zweck der einzelnen Pakete:

Software Beschreibung Download-Link
Visual Studio Code IDE für Webentwicklung (Integrated Development Environment) VS Studio Code

Bevor Sie die Software herunterladen, müssen Sie prüfen welche Version Computer bzw. Chip Ihr Computer verwendet.

Hinweise MacOS

Hinweise Windows

Post-Installationsschritte

Damit wir unser Ergebnis im Browser anschauen können müssen wir noch ein Paar Module im Visual Studio Code ergänzen. Folgen Sie die nachfolgenden Schritte, um diese zu installieren.

  1. Öffnen Sie VS Studio Code.
  2. Mit Generate New Workspace werden Sie aufgefordert einen Namen für eine Arbeitsumgebung eingezugeben. Diese ist: M287_HTML_CSS
  3. Abschliessend müssen wir einige Extensions einrichten. Die Extensions finden wir in der linken Leiste, unter den 4 Vierecken.
    • Live Server
    • JavaScript Snippits (ersten Treffer)
    • Bootstrap
    • Open Browser Preview
    • Open In Default Browser

Installationsanleitung als Video

Kurzanleitung Installation VS Studio Code


Kamil Demirci