Skip to content

INSTALL.md

Latest commit

 

History

History
53 lines (33 loc) · 1.46 KB

INSTALL.md

File metadata and controls

53 lines (33 loc) · 1.46 KB

Einrichten des Workspaces

Voraussetzungen

Auf den Teilnehmer Laptops/PCs sollte installiert sein:

  • git (zum installieren des Workspaces)
  • nodejs (mind. v8.12.0) und npm 6.4
  • Browser (am besten Chrome)
  • Eine IDE oder ein Texteditor (Empfehlung: Webstorm (Evaluationsversion reicht) und/oder Visual Studio Code)
  • Die Laptops sollten Internet-Zugang haben

Schritt 1: Repository klonen und Pakete installieren

  1. Das Repository klonen:
git clone https://github.com/reactbuch/react-workshop
  1. Im Root-Verzeichnis des geklonten Repositories die npm Pakete installieren:
npm install

Schritt 2: Testen, ob's funktioniert

  1. Im Root-Verzeichnis des Repositories das Backend starten:
npm start-backend

Achtung! Das Backend läuft auf Port 7000, dh dieser Port muss verfügbar sein.

  1. Frontend (Beispiel-Anwendung) starten

Dazu in das Verzeichnis code/workspace wechseln und npm start ausführen:

cd code/workspace

npm start

Achtung! Das Frontend läuft auf Port 8080, dh dieser Port muss verfügbar sein.

Starten des Frontends

  1. Wenn das Frontend gestartet ist, zum testen einmal die Anwendung im Browser aufrufen: http://localhost:8080. Dort sollte "Hello, World" erscheinen, dann ist der Workspace einsatzbereit.

Funktionierendes Frontends