Esercizio - Clonare un repository
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.
Usare il comando
mkdir
per creare una cartella denominata Cats:mkdir Cats
Usare il comando
cd
per passare alla cartella del progetto:cd Cats
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
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>"
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"
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
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>
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).
Passare alla directory CSS e aprire site.css nell'editor:
cd CSS code site.css
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.
Tornare alla directory Cats.
cd ..
Infine, eseguire di nuovo il commit delle modifiche:
git add . git commit -m "Add simple HTML and stylesheet"
Controllare rapidamente il log di Git per verificare che sia tutto corretto:
git log --oneline
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.
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 quindicd
per passare alla directory Alice.cd .. mkdir Alice cd Alice
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.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.