Oefening: een opslagplaats klonen

Voltooid

Om het werk van Alice te oefenen met het klonen van een opslagplaats en het indienen van een pull-aanvraag, moeten we eerst een opslagplaats instellen om Alice te klonen.

Instellen

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

  1. Gebruik de opdracht om een map met de mkdir naam Cats te maken:

    mkdir Cats
    
    
  2. Gebruik de cd opdracht om naar de projectmap te gaan:

    cd Cats
    
    
  3. 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
    
    
  4. 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>"
    
    
  5. Maak enkele bestanden met behulp van de touch opdracht en zet de bestanden vervolgens klaar en doorvoeren 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"
    
    
  6. Voeg html toe aan uw index.html-bestand met behulp van de Cloud Shell code-editor, die u kunt openen met behulp van de code opdracht bij de terminalprompt:

    code index.html
    
    
  7. 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>
    
  8. 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).

  9. Ga naar de CSS-map en open de site.css in de editor:

    cd CSS
    code site.css
    
    
  10. Voeg de volgende CSS toe aan de 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.

  11. Terug naar de map Katten.

    cd ..
    
    
  12. Voer ten slotte uw wijzigingen opnieuw door:

    git add .
    git commit -m "Add simple HTML and stylesheet"
    
    
  13. Controleer snel uw Git-logboek om ervoor te zorgen dat alles er goed uitziet:

    git log --oneline
    
    
  14. 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 hun 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 share in te stellen die bereikbaar is via URL.

  1. Maak een map met de naam Alice om de opslagplaats te klonen. Het mag geen submap van uw projectmap (Cats) zijn, dus cd tot aan de bovenliggende map uit uw projectmap om Alice een zus van de projectmap te maken. cd Ga vervolgens naar de map Alice.

    cd ..
    mkdir Alice
    cd Alice
    
    
  2. git clone Gebruik nu om de opslagplaats die zich in uw projectmap bevindt, te klonen naar 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.

  3. 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 in uw projectmap bevindt zich nu in uw Alice-map .