Ga naar hoofdinhoud

Versiebeheer

Waarom versiebeheer?​

  • Je eigen wijzigingen reviewen
  • Backups van elke wijziging
  • Samenwerken met meerdere ontwikkelaars
  • Introductie to Open Source software

Hoe? Met "Git"!​

Om de website klaar te maken voor versiebeheer zetten we Git in. Dit is de meest gebruikte tool voor het beheren van code.

Introductie terminal applicatie​

We kijken eerst of Git geïnstalleerd is. Open de Terminal en controleer welke versie geïnstalleerd is:

Terminal
$  git --version
git version 2.39.3

Om ons nieuwe project mijn-website te initiëren navigeer je via de terminal naar de map /mijn-website en type je onderstaande in. Het is belangrijk dat je dit in de project root van mijn-website doet. Het navigeren kan met verschillende commandos, maar een map in de terminal slepen kan ook.

Terminal
$  git init
Initialized empty Git repository in /mijn-website/.git/

Vervolgens kunnen we de status bekijken van het project:

Terminal
$ git status
On branch main

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)

We zien dat ons nieuwe index.html bestand nog niet geregistreerd is, voeg deze toe met het add commando:

Terminal
$ git add index.html

Vervolgens kunnen we opnieuw de status bekijken en zien we dat ons bestand is toegevoegd.

Terminal
$ git status
On branch main

No commits yet

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

We weten dat we de homepage juist hebben ontwikkeld en we willen ons hier aan committen. We registreren de wijziging en slaan deze op met een bericht zodat we later de wijziging makkelijk terug kunnen vinden. Het is belangrijk dat alle commits in het engels worden omschreven. Een commit begint altijd met Add, Remove, Update of Fix. Zo kun je later in het overzicht een stuk eenvoudiger wijzigingen terugvinden.

Terminal
$  git commit --message "Add initial homepage"
[main (root-commit) 935cf39] Add initial homepage
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 index.html

We controleren of het is gelukt met het log commando.

Terminal
$ git log
commit 935cf3952257979382aef55301119be72954b9de (HEAD -> main)
Author: User <user@users.noreply.github.com>
Date:   Sat Apr 27 16:49:52 2024 +0200

    Add initial homepage

De eerste commit is gemaakt en we hebben nu een backup van de wijzigingen gemaakt. 🎉

Tip

Git commando vergeten? Gebruik $ git --help om alle opties te bekijken.