faecher:informatik:oberstufe:git:erstes_repo:start

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
faecher:informatik:oberstufe:git:erstes_repo:start [28.04.2021 21:49] – [Material] sbelfaecher:informatik:oberstufe:git:erstes_repo:start [Unbekanntes Datum] (aktuell) – gelöscht - Externe Bearbeitung (Unbekanntes Datum) 127.0.0.1
Zeile 1: Zeile 1:
-===== Das erste Repo ===== 
  
-===== Initialisieren ===== 
- 
-Wir wollen zunächst eine kleine statische Webseite entwickeln und unter Versionskontrolle stellen. 
- 
-<code> 
-$ mkdir webseite 
-$ cd webseite 
-$ git init 
-Leeres Git-Repository in /home/frank/Downloads/webseite/.git/ initialisiert 
-</code> 
- 
-Nun steht das Verzeichnis ''webseite'' unter Versionskontrolle. Das (lokale) Git-Repository befindet sich im Unterverzeichnis ''.git'': 
- 
-<code> 
-$ ls -la  
-insgesamt 132 
-drwxr-xr-x  3 frank frank   4096 24. Okt 13:32 . 
-drwxr-xr-x 21 frank frank 122880 24. Okt 13:32 .. 
-drwxr-xr-x  7 frank frank   4096 24. Okt 13:32 .git 
-</code> 
- 
-===== Grundkonfiguration ===== 
- 
-Bevor man sinnvoll mit Git arbeiten kann, sollte man zunächst seinen Namen und seine Mailadresse korrekt einstellen: 
- 
-<code> 
-git config user.email "meine@mail.adresse.hier" 
-git config user.name "John Doe" 
-</code> 
- 
-Diese Befehle speichern die Einstellungen nur für das Repository, in dem wir gerade arbeiten, wenn man die Einstellungen für alle Repos auf einem Rechner vornehmen möchte, muss man das Flag ''%%--%%global'' ergänzen. 
- 
-Gespeichert werden die für ein Repository geltenden lokalen Einstellungen in der Datei ''.git/config'': 
- 
-<code bash> 
-[frank@rita webseite]$ git config  user.name "John Doe" 
-[frank@rita webseite]$ git config  user.email "john.doe@nirgends.nix" 
-[frank@rita webseite]$ cat .git/config  
-[core] 
- repositoryformatversion = 0 
- filemode = true 
- bare = false 
- logallrefupdates = true 
-[user] 
- name = John Doe 
- email = john.doe@nirgends.nix 
- 
-</code> 
- 
-===== Repository Status anzeigen lassen ===== 
- 
-Mit dem Befehl ''git status'' kann man sich den aktuellen Status des Repos anzeigen lassen: 
- 
-<code bash> 
-[frank@rita webseite]$ git status 
-Auf Branch main 
- 
-Noch keine Commits 
- 
-nichts zu committen (erstellen/kopieren Sie Dateien und benutzen 
-Sie "git add" zum Versionieren) 
-</code> 
- 
- 
-===== Ein erster Commit ===== 
- 
-Um den git-Workflow zu verstehen, muss man drei Begriffe unterscheiden: Das Arbeitsverzeichnis ("Working Directory") den Index ("Staging Area") und das eigentliche Repository. 
- 
-  * **Arbeitsverzeichnis (Working Directory):** Das ist Verzeichnis, welches man zuvor mit ''git init'' unter Versionskontrolle gestellt hat mit allen seinen Dateien und Unterverzeichnissen, so wie man es auf der Festplatte vorfindet. Das "spezielle" Verzeichnis ''.git'' wird dabei ignoriert, es dient der internen Verwaltung der Abläufe durch git. 
-  * **Index ("Staging Area")**: Im Index werden zunächst alle Dateien eingetragen, die in einem nächsten Schritt zu einem Snapshot zusammengefasst und im Repository gespeichert werden sollen. Der Sinn des Indes erschließt sich nicht unmittelbar, da man dazu neigt, sich vorzustellen, dass man nacheinander Änderungen in deinem Arbeitsverzeichnis vornimmt und dabei von Zeit zu Zeit einfach Snapshots des gesamten Arbeitsverzeichnisses anlegt - das trifft aber nicht zu. Es gibt zahlreiche Anwendungsfälle, bei denen man nicht alle Änderungen des Arbeitsverzeichnisses in einem Snapshot festhalten möchte, sondern z.B. auf mehrere Snapshots aufteilen will. Außerdem kommt es häufig vor, dass sich im Arbeitsverzeichnis Dateien befinden, die man gar nicht unter Versionskontrolle stellen möchte, beispielsweise Compilate von Java Programmen (class-Dateien).  
-  * **Repository:** Wenn man im Index alle Dateien für den nächsten Snapshot zusammengestellt hat, kann man einen neuen Snapshot erstellen. Ein solcher Snapshot heißt **Commit** und wird durch eine Hashsumme identifiziert, außerdem werden Metainformationen wie Zeit und Name des Commiters festgehalten. Ein Commit wird mit dem Befehl ''git commit'' durchgeführt. Nach einem Commit ist der Index stets leer, da ja alle Änderungen, die dort vorgemerkt waren, in den Snapshot überführt wurden. 
- 
- 
-{{ .:gitstagingcommit.png |}} 
- 
-==== Schritt für Schritt ==== 
- 
-Neue Dateien befinden sich zunächst "nur" im Arbeitsverzeichnis und werden von git ignoriert. Mit ''git status'' kann man das überprüfen, solche Dateien tauchen dort in der Liste der "Unversionierten Dateien" auf: 
- 
-<code bash> 
-[frank@rita webseite]$ git status 
-Auf Branch main 
- 
-Noch keine Commits 
- 
-Unversionierte Dateien: 
-  (benutzen Sie "git add <Datei>...", um die Änderungen zum Commit vorzumerken) 
- index.html 
- style.css 
- 
-nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien 
-(benutzen Sie "git add" zum Versionieren) 
-</code> 
- 
-Mit dem Befehl ''git add'' wird eine Datei im Index vorgemerkt - das kann man sich vorstellen wie ein Einkaufswagen, in dem neue Dateien und Änderungen gesammelt werden, bis man zu einem Punkt kommt, den man sich "merken" möchte. Im Folgenden habe ich die Datei ''index.html'' zum Index hinzugefügt, ''style.css'' jedoch nicht. 
- 
-<code bash> 
-[frank@rita webseite]$ git add index.html 
-[frank@rita webseite]$ git status 
-Auf Branch main 
- 
-Noch keine Commits 
- 
-Zum Commit vorgemerkte Änderungen: 
-  (benutzen Sie "git rm --cached <Datei>..." zum Entfernen aus der Staging-Area) 
- neue Datei:     index.html 
- 
-Unversionierte Dateien: 
-  (benutzen Sie "git add <Datei>...", um die Änderungen zum Commit vorzumerken) 
- style.css 
-</code> 
- 
-Wenn man mit den im Index vorgemerkten Änderungen zufrieden ist, macht man einen "Commit". Mit dem Befehl  ''git commit -m "Erster Commit"'' legt man einen Commit mit einer Commit-Message an (Paramter ''-m''). Wenn man die Commit-Message nicht mit ''-m'' angibt, öffnet sich ein Editor, in dem man diese bearbeiten kann. 
- 
- 
- 
-<code bash> 
-[frank@rita webseite]$ git commit -m "Erster commit" 
-[main (Root-Commit) bb0d027] Erster commit 
- 1 file changed, 0 insertions(+), 0 deletions(-) 
- create mode 100644 index.html 
-[frank@rita webseite]$ git status 
-Auf Branch main 
-Unversionierte Dateien: 
-  (benutzen Sie "git add <Datei>...", um die Änderungen zum Commit vorzumerken) 
- style.css 
- 
-nichts zum Commit vorgemerkt, aber es gibt unversionierte Dateien 
-(benutzen Sie "git add" zum Versionieren) 
-</code> 
- 
-Man erkennt, dass der Index wieder leer ist ("nichts zum Commit vorgemerkt") und die Datei ''style.css'' noch immer unversoniert ist. 
- 
-Die Liste deiner Commits kann man mit ''git log'' ansehen:  
- 
-<code> 
-[frank@rita webseite]$ git log 
-commit 893b24e60a391d2064ea37e61d4af0435bec4f7d (HEAD -> main) 
-Author: John Doe <john.doe@nirgends.nix> 
-Date:   Wed Apr 28 20:16:28 2021 +0200 
- 
-    CSS hinzugefügt 
- 
-commit bb0d027bd6376da3d67c46bbeeb14e5fd1623581 
-Author: John Doe <john.doe@nirgends.nix> 
-Date:   Wed Apr 28 15:35:30 2021 +0200 
- 
-    Erster commit 
- 
-</code> 
- 
- 
-===== Aufgaben ===== 
- 
- 
-{{:aufgabe.png?nolink  |}} 
- 
-=== (A1) === 
- 
-Erkläre, was man machen muss, um von der derzeitigen Situation ausgehende, die Datei ''style.css'' ebenfalls unter Versionskontrolle zu stellen. Welche git Befehle würdest du verwenden? 
- 
----- 
-{{:aufgabe.png?nolink  |}} 
- 
-=== (A2) === 
-Lege ein Verzeichnis ''webseite'' an,  erstelle dort die Dateien ''index.html'' Datei ein sowie zwei weitere Verzeichnisse - ''css'' und ''img'': 
- 
-<code bash> 
-sbel@r107-ws15:~/git$ mkdir webseite 
-sbel@r107-ws15:~/git$ cd webseite 
-sbel@r107-ws15:~/git/webseite$ touch index.html 
-sbel@r107-ws15:~/git/webseite$ mkdir css 
-sbel@r107-ws15:~/git/webseite$ mkdir img 
-sbel@r107-ws15:~/git/webseite$ ls 
-css  img  index.html 
-</code> 
- 
-  * Initialisisere das Verzeichnise ''webseite'' als git-Repository. 
-  * Lasse dir den Status des Repos anzeigen 
-  * Füge die Datei und die beiden Verzeichnisse dem Index hinzu und erstelle einen ersten Commit. Untersuche den Status deines Repos. Welche Beobachtung machst du hinsichtlich der beiden Verzeichnisse? 
- 
-Erstelle nun im Verzeichnis ''css'' eine Datei ''style.css'' mit dem folgenden Inhalt: 
- 
-<code css> 
-body { 
-  color: #666; 
-} 
- 
-h1 {  
- color: green; 
- text-decoration: underline;  
-} 
- 
-</code> 
- 
-Füge außerdem in die Datei ''index.html'' den folgenden Inhalt ein: 
- 
-<code html> 
-<!DOCTYPE html> 
-<html lang="de"> 
-  <head> 
-    <meta charset="utf-8"> 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
-    <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> 
-    <title>Superwebseite!</title> 
-  </head> 
-  <body> 
-   <h1>Meine erste Webseite!</h1> 
-  </body> 
-</html> 
-</code> 
- 
-Untersuche jetzt den Zustand deines Repos.  
- 
-Erstelle weiteren Commit, der die letzten Änderungen enthält. Was ist hierfür der Reihe nach zu tun? 
- 
-Ändere weitere Teile deiner Webseite. Erstelle jeweils an sinnvollen Stellen weitere Commits mit entsprechenden Commit-Messages. 
- 
-Betrachte die Ausgabe des Befehls ''git log'' 
- 
-===== Material ===== 
- 
-{{simplefilelist>:faecher:informatik:oberstufe:git:erstes_repo:*}}