Esercizio - Clonare un repository

Completato

Per fare pratica con l'attività di Alice clonando un repository ed eseguendo una richiesta pull, è prima di tutto necessario configurare un repository da clonare.

Configurazione

Git è già installato in Azure Cloud Shell, quindi è possibile usare Git in Cloud Shell sulla destra.

  1. Usare il comando mkdir per creare una cartella denominata Cats:

    mkdir Cats
    
    
  2. Usare il comando cd per passare alla cartella del progetto:

    cd Cats
    
    
  3. A questo punto, inizializzare il nuovo repository e impostare il nome del ramo predefinito su main.

    Se si esegue Git 2.28.0 o versione successiva, usare i comandi seguenti:

    git init --initial-branch=main
    git init -b main
    
    

    Per le versioni precedenti di Git, usare i comandi seguenti:

    git init
    git checkout -b main
    
    
  4. Configurare Git aggiungendo le proprie credenziali. Sostituire <USER_NAME> e <USER_EMAIL> con le informazioni personali, ad esempio "Nome utente" e "user-name@contoso.com".

    git config user.name "<USER_NAME>"
    git config user.email "<USER_EMAIL>"
    
    
  5. Creare alcuni file usando il comando touch e quindi prepararli per il commit ed eseguirne il commit usando Git:

    touch index.html
    mkdir CSS
    touch CSS/site.css
    git add .
    git commit -m "Create empty index.html, site.css files"
    
    
  6. Aggiungere codice HTML al file index.html usando l'editor di codice di Cloud Shell, che è possibile aprire tramite il comando code al prompt del terminale:

    code index.html
    
    
  7. Incollare questo codice HTML:

    <!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. Salvare il file e chiudere l'editor. È possibile selezionare i puntini di sospensione "..." nell'angolo a destra dell'editor oppure usare il tasto di scelta rapida (CTRL+S in Windows e Linux, CMD+S in macOS).

  9. Passare alla directory CSS e aprire site.css nell'editor:

    cd CSS
    code site.css
    
    
  10. Aggiungere il codice CSS seguente a site.css:

    h1, h2, h3, h4, h5, h6 { font-family: sans-serif; }
    body { font-family: serif; }
    

    Salvare quindi il file e chiudere l'editor.

  11. Tornare alla directory Cats.

    cd ..
    
    
  12. Infine, eseguire di nuovo il commit delle modifiche:

    git add .
    git commit -m "Add simple HTML and stylesheet"
    
    
  13. Controllare rapidamente il log di Git per verificare che sia tutto corretto:

    git log --oneline
    
    
  14. Controllare l'output di . Verrà visualizzato un output simile al seguente:

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

Clonare un repository

A questo punto, si assume il ruolo di Alice per fare pratica con la clonazione di un repository a cui collaborare.

Per simulare Alice che clona il repository nel proprio computer, si creerà una directory denominata Alice nel computer, al cui interno si clonerà la directory del progetto. In uno scenario reale si realizzerebbe questa collaborazione configurando una condivisione di rete o un repository remoto raggiungibile tramite URL.

  1. Creare una directory denominata Alice in cui clonare il repository. Poiché non deve essere una sottodirectory della directory del progetto (Cats), usare cd per tornare alla directory padre dalla directory del progetto e impostare la directory Alice come di pari livello rispetto alla directory del progetto. Usare quindi cd per passare alla directory Alice.

    cd ..
    mkdir Alice
    cd Alice
    
    
  2. A questo punto, usare git clone per clonare il repository che si trova nella directory del progetto nella directory Alice. Assicurarsi di includere il punto alla fine del comando:

    git clone ../Cats .
    
    

    ../Cats indica a Git l'origine della clonazione e . indica la destinazione della clonazione. In Unix . si riferisce alla directory corrente.

  3. Controllare l'output di . Git visualizzerà il testo seguente per indicare che l'operazione è riuscita:

    Cloning into '.'...
    done.
    

Un clone del repository che si trova nella directory del progetto è ora anche nella directory Alice.