Oefening: een project starten

Voltooid

Nu u tijd hebt besteed aan het leren van de essentiële Git-opdrachten, kunt u doorgaan met het maken van een project in Git.

In de volgende oefeningen gaat u Git gebruiken door een eenvoudig HTML-bestand toe te voegen aan uw werkstructuur. Vervolgens gaat u enkele wijzigingen aanbrengen in de map en leert u hoe u de wijzigingen doorvoert.

Een bestand maken en toevoegen (faseren)

Git doet niet veel met lege mappen, dus laten we een bestand toevoegen aan de actieve boomstructuur om te fungeren als de startpagina voor de website van de kattenfoto.

1. Zorg ervoor dat uw Cloud Shell-sessie nog steeds actief is en dat u zich in de opslagplaatsmap Katten bevindt.

2. Gebruik de opdracht touch om het bestand index.html te maken:

   touch index.html
   

   touch werkt de laatst gewijzigde tijd van een bestand bij als het bestand bestaat. Als het bestand niet bestaat, maakt Git een leeg bestand met die bestandsnaam.

3. git status Gebruik nu om de status van de actieve boomstructuur op te halen:

   git status
   

   Git reageert door u te vertellen dat er niets is doorgevoerd, maar de map bevat wel een nieuw bestand:

   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)
   

   U ziet dat git status u hints geeft over wat u hierna kunt doen. Git kan worden geconfigureerd om minder woorden te gebruiken, maar in deze fase is het beter om meer woorden te gebruiken.

4. Gebruik git add dit om het nieuwe bestand toe te voegen aan de Index van Git, gevolgd door git status om de status te controleren. Vergeet de punt aan het einde van de opdracht niet. Hiermee geeft Git aan dat alle bestanden in de huidige map moeten worden geïndexeerd die zijn toegevoegd of gewijzigd.

   git add .
   

   Een doorvoering is nu gefaseerd. De Git-index is een faseringsgebied voor doorvoeringen. Het is een lijst met alle bestandsversies die deel uitmaken van de volgende doorvoering die u maakt.

   In plaats van te gebruiken git add ., had u kunnen gebruiken git add index.html omdat index.html het enige nieuwe bestand in de map was. Maar als er meerdere bestanden waren toegevoegd, git add . zouden ze allemaal behandeld zijn.

5. git status Gebruik ten slotte opnieuw om ervoor te zorgen dat uw wijzigingen goed zijn gefaseerd:

   git status
   

6. Als het goed is, ziet u uitvoer zoals in dit voorbeeld:

   On branch main
   
   Initial commit
   
   Changes to be committed:
     (use "git rm --cached <file>..." to unstage)
   
       new file:   index.html
   

Uw eerste doorvoering maken

Nu index.html aan de index is toegevoegd, is het doorvoeren daarvan de volgende stap.

1. Gebruik de volgende opdracht om een doorvoering te maken:

   git commit index.html -m "Create an empty index.html file"
   

   De -m -markering in deze opdracht laat Git weten dat u een doorvoerbericht opgeeft.

   Er zijn veel verschillende manieren om doorvoeringsberichten te formuleren, maar het is handig om de eerste regel zodanig te schrijven dat hiermee duidelijk wordt wat voor gevolgen de doorvoering heeft voor de boomstructuur. Het is ook slim om van de eerste letter een hoofdletter te maken en om de afsluitende punt weg te laten om ruimte te besparen. Stel dat de eerste regel van het bericht een aanvulling is op de zin die begint met: 'Bij een pushbewerking zorgt deze doorvoering ervoor dat...'

   Een doorvoeringsbericht kan uit meerdere regels bestaan. De eerste regel mag niet langer zijn dan 50 tekens en moet worden gevolgd door een witregel. Volgende regels mogen niet langer zijn dan 72 regels. Deze vereisten zijn niet stevig en ze worden teruggezet naar de dagen van ponskaarten en "domme" terminals, maar ze zorgen ervoor dat git log de uitvoer er beter uitziet.

2. Git reageert met een bevestiging van wat u hebt gedaan:

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

3. Voer een git status opdracht uit en controleer of de werkstructuur schoon is. Dat wil gezegd, de werkstructuur bevat geen wijzigingen die niet zijn doorgevoerd.

4. Gebruik nu een git log opdracht om informatie over de doorvoer weer te geven:

   git log
   

5. Het antwoord van Git moet ongeveer hetzelfde zijn als in dit voorbeeld:

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

Pas index.html aan en voer de wijziging door

index.html is gemaakt om te fungeren als de startpagina van de website, maar deze is momenteel leeg. De volgende stap bestaat uit het toevoegen van html-code. We beginnen eenvoudig met behulp van de ingebouwde Cloud Shell-editor om één regel HTML toe te voegen.

1. Open index.html in de onlinecode-editor door achter de terminalprompt code index.html te typen:

   code index.html
   

2. Typ of plak de volgende instructies in de editor:

   <h1>Our Feline Friends</h1>
   

3. Sla het bestand op en sluit de online-editor. U kunt het beletselteken '...' selecteren in de rechterhoek van de Cloud Shell-editor of gebruik de sneltoets (Ctrl+S in Windows en Linux, Cmd+S in macOS).

4. Gebruik een git status opdracht om de status van de actieve boomstructuur te controleren:

   git status
   

5. U kunt zien dat Git zich bewust is van de wijzigingen die u hebt aangebracht:

   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")
   

6. Voer nu de wijzigingen door:

   git commit -a -m "Add a heading to index.html"
   

   Houd er rekening mee dat we de git add opdracht deze keer niet hebben uitgevoerd om onze wijzigingen te faseernen. In plaats daarvan hebben we de vlag -a in de opdracht git commit gebruikt. Met de -a optie worden alle bestanden toegevoegd die u hebt gewijzigd sinds de laatste doorvoering. Nieuwe bestanden worden hiermee niet toegevoegd. Als u nieuwe bestanden wilt toevoegen, hebt u nog steeds nodig git add.

7. Controleer de uitvoer. Dit moet er als volgt uitzien:

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

De wijziging in index.html is doorgevoerd. Er zijn nu twee versies van het bestand in de opslagplaats, hoewel u slechts één van de versies (de huidige versie) ziet. Een van de voordelen van het gebruik van Git is dat u de wijzigingen die u hebt aangebracht, kunt terugdraaien, of u kunt teruggaan in de tijd en eerdere versies bekijken. We zullen later verder ingaan op dit belangrijke onderwerp.

Doorgaan