🛠️ Projektsetup

Für das Modul werden wir Github nutzen, falls du noch keinen Account besitzt erstelle doch gleich eines. Anschliessend kannst du mit den folgenden Schritten fortfahren.

1. Repository unter Github erstellen

Oben links findest du die Möglichkeit neue Repositories zu erstellen. Klicke hierzu ganz einfach auf "New".

Stelle die Einstellungen folgendermassen ein: Owner: [hier solltest du eingestellt sein] Repository name: [füge den Namen deines Repositories ein] Sichtbarkeit: auf "Private" umstellen, dadurch kannst du einstellen wer alles darauf Zugriff hat

Abschliessend klicke auf "Create repository".

Nun sollte die folgende View ungefähr so aussehen:

Für das Klonen mittels https, benötigst du nichts weiter als deine Credentials. Falls du jedoch mittels SSH arbeiten möchtest, folge den nächsten Schritten.

SSH - Key erstellen und hinterlegen

Öffne die vorhandene Konsole auf deinem Betriebssystem und führe folgende Codezeile aus:

ssh-keygen -t ed25519 -C "[your_email@address.ch]"

Im ersten Schritt wirst du gefragt ob du eine neue Dateibezeichnung hinterlegen möchtest. Standardmässig musst du keine Änderungen daran vornehmen, erst wenn du mit weiteren SSH-Keys anfängst zu arbeiten macht es Sinn hier bestimmte Naming conventions einzuführen.

Default Speicherort: Deine home-Directory/.ssh

Darin findest du die gerade erstellte xxx.pub Datei. Diese musst du öffnen und den Inhalt herauslesen (der Inhalt beginnt meist mit ssh-rsa).

Den soeben erstellten Key kannst du in der folgenden Einstellung hinterlegen: Klicke auf deinen Profil oben rechts / Settings

Anschliessend kannst du unter "SSH und GPG Keys" einen neuen Schlüssel erstellen lassen. So würde die View aussehen, trage wenn nötig einen Title ein aber zwingend den vorher kopierten Key unter Key ein🛠️:

Zur offiziellen Dokumentation

2. Projekt in WebStorm klonen

Am Anfang öffnest du WebStorm und die folgende Ansicht öffnet sich:

Klicke oben rechts auf "Get from VCS". Die folgende Ansicht öffnet sich:

Im vorherigen Kapitel hast du ein neues Repository erstellt, dort konntest du zwischen https und ssh toggeln. Dort kopiere den https Link und füge diesen im Feld URL ein. Danach kannst du wählen, wo das Projekt abgespeichert werden soll.

Klicke auf "Clone" und du das Projekt wird geklont. Währenddessen wirst du aufgefordert dich anzumelden. Sobald du dies erfolgreich durchgeführt hast, wird dein Projekt zu Ende geklont.

SSH URL verwenden

Die Schritte um mittels SSH URL Projekt zu klonen sind 1:1 die Gleichen. Der kleine Unterschied ist statt des https Links verwendest du nun deen SSH URL. Dadurch verfällt der Anmeldeschritt.

3. Git unter WebStorm verwenden

Du findest oben links die Möglichkeit deine aktuellen Änderungen zu pushen. Am einfachhsten klickst du dafür "Commit and Push..." und dann sind die aktuellen Änderungen in deiner Repository drin.

Um Änderungen pushen zu können, musst du alle Files auswählen die du commiten möchtest. Am einfachsten kombinierst klickst du ein File an und wählst dann "Ctrl + A" und die Leertaste. Dadurch werden alle Files gleichzeitig ausgewählt.

4. Code With me nutzen

Oben rechts kannst du den 👤-Icon klicken, anschliessend öffnet sich das oben ersichtliche Kontext Menü. Um nun deinem Teamkollegen Zugriff auf deine IDE zu geben klicken auf "Start Session".

Du hast 4 verschiedene Zugriffsrechte, empfehlen würde ich dir das Nutzen von "Full access". Ansonsten fehlen deinem Teamkollegen die Rechte neue Files zu erstellen oder zu löschen, denn dafür benötigst du Zugriff auf die Konsole. Beim Klick auf "Start Session" wird der Session Link in deine Zwischenablage kopiert.

Den erhaltenen Link kannst du deinem Kollegen senden und dieser kann den Link in einer Konsole eingeben. Anschliessend erhält er Zugriff auf deine IDE.

Last updated