Övning – Starta ett projekt

1 minut

Nu när du har ägnat tid åt att lära dig de viktigaste git-kommandona kan du gå vidare till att skapa ett projekt i git.

I övningarna nedan börjar du använda Git genom att lägga till en enkel HTML-fil i arbetsträdet. Sedan gör du några ändringar i katalogen och lär dig hur du genomför ändringarna.

Skapa och lägg till (mellanlagra) en fil

Git gör inte mycket med tomma kataloger, så vi lägger till en fil i arbetsträdet för att fungera som startsida för kattfotowebbplatsen.

Kontrollera att Cloud Shell-sessionen fortfarande är aktiv och att du är i din lagringsplatsmapp med namnet Cats.
Använd ett touch-kommando för att skapa en fil med namnet index.html:
```
touch index.html
```
touch uppdaterar en fils senaste ändringstid om filen finns. Om filen inte finns skapar Git en tom fil med det filnamnet.
git status Använd nu för att hämta status för arbetsträdet:
```
git status
```
Git svarar genom att informera dig om att inget har checkats in, men att katalogen innehåller en ny fil:
```
No commits yet

Untracked files:
  (use "git add <file>..." to include in what will be committed)

    index.html

nothing added to commit but untracked files present (use "git add" to track)
```
Observera att git status ger tips om vad du kan göra härnäst. Git kan konfigureras att inte visa så många tips, men i det här skedet är det värt att läsa dem.
Använd git add för att lägga till den nya filen i Gits index följt av git status för att kontrollera statusen. Glöm inte punkten i slutet av kommandot. Den talar om för Git att indexering av alla filer i den aktuella katalogen som har lagts till eller ändrats.
```
git add .
```
En incheckning har nu mellanlagrats. Gits index är ett mellanlagringsområde för incheckningar. Det är en lista över alla filversioner som kommer att ingå i nästa incheckning som du gör.

I stället för att använda git add .kan du ha använt git add index.html eftersom index.html var den enda nya filen i katalogen. Men om flera filer hade lagts till, git add . skulle ha täckt dem alla.
Använd git status slutligen igen för att kontrollera att ändringarna har mellanlagrats korrekt:
```
git status
```

Du bör se utdata som det här exemplet:

On branch main

Initial commit

Changes to be committed:
  (use "git rm --cached <file>..." to unstage)

    new file:   index.html

Gör din första incheckning

Nu när index.html har lagts till i indexet är nästa steg att checka in den.

Använd följande kommando för att skapa en incheckning:
```
git commit index.html -m "Create an empty index.html file"
```
-m-flaggan i det här kommandot meddelar Git om att du anger ett incheckningsmeddelande.

Det finns många olika sätt att uttrycka incheckningsmeddelanden på, men en bra tumregel är att på den första raden berätta vad incheckningen gör med trädet. Det är även vanligt att använda en versal som första bokstav samt att utelämna punkten i slutet för att spara utrymme. Tänk dig att den första raden i meddelandet avslutar den mening som börjar med ”När den här incheckningen skickas kommer den att …”

Ett incheckningsmeddelande kan innehålla flera rader. Den första raden bör innehålla högst 50 tecken och följas av en tom rad. Efterföljande rader bör innehålla högst 72 tecken. Dessa krav är inte fasta, och de harkade tillbaka till dagarna av hålkort och "dumma" terminaler, men de får utdata att git log se bättre ut.

Git svarar med en bekräftelse på vad du gjorde:

[main (root-commit) 87e874c] Create an empty index.html file
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 index.html

Följ upp med ett git status kommando och bekräfta att arbetsträdet är rent, dvs. arbetsträdet innehåller inga ändringar som inte har checkats in.
Använd nu ett git log kommando för att visa information om incheckningen:
```
git log
```

Gits svar bör se ut ungefär så här:

commit 87e874c4aeeb3f9692ae5d9875235353708d7dd5
Author: User Name <user-name@contoso.com>
Date:   Fri Nov 15 20:47:05 2019 +0000

Create an empty index.html file

Ändra index.html och checka in ändringen

index.html skapades för att fungera som webbplatsens startsida, men den är för närvarande tom. Nästa steg är att lägga till html i den. Vi börjar enkelt med att använda den inbyggda Cloud Shell-redigeraren för att lägga till en enda html-rad.

Öppna index.html i onlineredigeraren genom att skriva code index.html i terminalprompten:
```
code index.html
```
Skriv eller klistra in följande instruktioner i redigeraren:
```
<h1>Our Feline Friends</h1>
```
Spara filen och stäng onlineredigeraren. Du kan välja ellipsen "..." i det högra hörnet av Cloud Shell-redigeraren eller använd acceleratornyckeln (Ctrl+S i Windows och Linux, Cmd+S på macOS).
Använd ett git status kommando för att kontrollera statusen för arbetsträdet:
```
git status
```

Du kan se att Git känner till de ändringar som du har gjort:

On branch main
Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git checkout -- <file>..." to discard changes in working directory)

    modified:   index.html

no changes added to commit (use "git add" and/or "git commit -a")

Genomför nu ändringarna:
```
git commit -a -m "Add a heading to index.html"
```
Observera att vi inte körde kommandot den git add här gången för att mellanlagra ändringarna. I stället använde vi -a-flaggan i kommandot git commit. Alternativet -a lägger till alla filer som du ändrade sedan den senaste incheckningen. Det lägger inte till nya filer. Om du vill lägga till nya filer behöver git adddu fortfarande .

Kontrollera utdata. Det bör se ut så här:

[main 8c9143a] Add a heading to index.html
 1 file changed, 1 insertion(+)

Ändringen av index.html har checkats in. Det finns nu två versioner av filen på lagringsplatsen, även om du bara ser en av dem (den aktuella). En av fördelarna med att använda Git är att du kan återställa de ändringar du har gjort, eller så kan du gå bakåt i tiden och se tidigare versioner. Mer om det här viktiga ämnet senare.

Övning – Starta ett projekt

Skapa och lägg till (mellanlagra) en fil

Gör din första incheckning

Ändra index.html och checka in ändringen

Feedback