Oefening: een opslagplaats klonen

8 minuten

Als u het werk van Alice wilt oefenen met het klonen van een opslagplaats en het indienen van een pull-aanvraag, moet u eerst een opslagplaats instellen om Alice te klonen.

Instellingen

Git is al in Azure Cloud Shell geïnstalleerd, dus we kunnen Git in Cloud Shell (aan de rechterkant) gebruiken.

Gebruik de opdracht om een map met de mkdir naam Cats te maken:
```
mkdir Cats
```
Gebruik de cd opdracht om naar de projectmap te gaan:
```
cd Cats
```
Initialiseer nu de nieuwe opslagplaats en stel de naam van de standaardbranch in op main.

Als u Git versie 2.28.0 of hoger gebruikt, gebruikt u de volgende opdrachten:
```
git init --initial-branch=main
git init -b main
```
Gebruik deze opdrachten voor eerdere versies van Git:
```
git init
git checkout -b main
```
Configureer Git door uw referenties toe te voegen. Vervang <USER_NAME> en <USER_EMAIL> door uw eigen gegevens (bijvoorbeeld 'Gebruikersnaam' en 'user-name@contoso.com).'
```
git config user.name "<USER_NAME>"
git config user.email "<USER_EMAIL>"
```
Maak enkele bestanden met behulp van de touch opdracht en voer de bestanden vervolgens in en voer ze door met behulp van Git:
```
touch index.html
mkdir CSS
touch CSS/site.css
git add .
git commit -m "Create empty index.html, site.css files"
```
Voeg html toe aan uw index.html-bestand met behulp van de Code-editor van Cloud Shell, die u kunt openen met behulp van de code opdracht bij de terminalprompt:
```
code index.html
```

Plak dit in deze HTML-code:

<!DOCTYPE html>
<html>
  <head>
    <meta charset='UTF-8'>
    <title>Our Feline Friends</title>
    <link rel="stylesheet" href="CSS/site.css">
  </head>
  <body>
    <h1>Our Feline Friends</h1>
    <p>Eventually we will put cat pictures here.</p>
    <hr>
  </body>
</html>

Sla het bestand op en sluit de editor. U kunt het beletselteken '...' selecteren in de rechterhoek van de editor of gebruik de sneltoets (Ctrl+S in Windows en Linux, Cmd+S in macOS).
Ga naar de CSS-map en open site.css in de editor:
```
cd CSS
code site.css
```
Voeg de volgende CSS toe aan site.css:
```
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; }
body { font-family: serif; }
```
Sla het bestand vervolgens op en sluit de editor.
Ga terug naar de map Katten .
```
cd ..
```

Voer ten slotte uw wijzigingen opnieuw door:

git add .
git commit -m "Add simple HTML and stylesheet"

Controleer snel uw Git-logboek om ervoor te zorgen dat alles er goed uitziet:
```
git log --oneline
```

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

2bf69ab Add simple HTML and stylesheet
bb371c8 Create empty index.html, site.css files

Een opslagplaats klonen

Laten we nu de rol van Alice aannemen en oefenen met het klonen van een opslagplaats om samen te werken.

Als u Wilt simuleren dat Alice uw opslagplaats naar de computer kloont, maakt u een map met de naam Alice op uw computer en kloont u de projectmap erin. In het echte leven zou u deze samenwerking bereiken door een netwerkshare of een externe locatie in te stellen die bereikbaar is via URL.

Maak een map met de naam Alice om de opslagplaats te klonen in. Het mag geen submap van uw projectmap (Katten) zijn, dus cd tot aan de bovenliggende map uit uw projectmap om Alice een hetzelfde niveau van de projectmap te maken. cd Ga vervolgens naar de map Alice.
```
cd ..
mkdir Alice
cd Alice
```
git clone Gebruik nu om de opslagplaats die zich in uw projectmap bevindt, te klonen in de map Alice. Zorg ervoor dat u de punt aan het einde van de opdracht opneemt:
```
git clone ../Cats .
```
../Cats vertelt Git vanwaar u wilt klonen en . vertelt Git waarnaar moet worden gekloond. In UNIX verwijst . naar de huidige map.
Controleer de uitvoer. Git moet deze tekst weergeven om u te laten weten dat deze heeft gewerkt:
```
Cloning into '.'...
done.
```

Een kloon van de opslagplaats die zich in uw projectmap bevindt, bevindt zich nu in uw Alice-map .

Doorgaan

Instellingen

Een opslagplaats klonen

Feedback