Exercício – clonar um repositório
Para praticar o trabalho de Alice clonando um repo e fazendo um pull request, devemos primeiro configurar um repo para Alice clonar.
Configurar
O Git já está instalado no Azure Cloud Shell, por isso podemos utilizar o Git no Cloud Shell à direita.
No canto superior direito da janela do Cloud Shell, selecione o ícone Mais (...) e, em seguida, selecione Configurações>Ir para a versão clássica.
Use o
mkdir
comando para criar uma pasta chamada Cats:mkdir Cats
Use o
cd
comando para alterar para a pasta do projeto:cd Cats
Agora, inicialize o novo repositório e defina o nome da ramificação padrão como
main
.Se você estiver executando o Git versão 2.28.0 ou posterior, use os seguintes comandos:
git init --initial-branch=main git init -b main
Para versões anteriores do Git, use estes comandos:
git init git checkout -b main
Configure o Git adicionando suas credenciais. Substitua
<USER_NAME>
e<USER_EMAIL>
por suas próprias informações (por exemplo, "Nome de usuário" e "user-name@contoso.com").git config user.name "<USER_NAME>" git config user.email "<USER_EMAIL>"
Crie alguns arquivos usando o
touch
comando e, em seguida, prepare e confirme os arquivos usando o Git:touch index.html mkdir CSS touch CSS/site.css git add . git commit -m "Create empty index.html, site.css files"
Adicione um pouco de HTML ao seu arquivo index.html usando o editor de código do Cloud Shell, que você pode abrir usando o
code
comando no prompt do terminal:code index.html
Cole este código 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>
Guarde o ficheiro e feche o editor. Você pode selecionar as reticências (...) no canto direito do editor, ou usar a tecla aceleradora (Ctrl+S no Windows e Linux, Cmd+S no macOS).
Mude para o diretório CSS e abra site.css no editor:
cd CSS code site.css
Adicione o seguinte CSS ao site.css:
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; } body { font-family: serif; }
Em seguida, salve o arquivo e feche o editor.
Volte para o diretório Cats .
cd ..
Por fim, confirme as alterações novamente:
git add . git commit -m "Add simple HTML and stylesheet"
Verifique rapidamente o seu registo no Git para se certificar de que tudo está bem:
git log --oneline
Verifique a saída. Você deve ver a saída como este exemplo:
2bf69ab Add simple HTML and stylesheet bb371c8 Create empty index.html, site.css files
Clonar um repositório
Agora, vamos assumir o papel de Alice e praticar a clonagem de um repositório para colaborar.
Para simular Alice clonando seu repositório em seu computador, você criará um diretório chamado Alice em seu computador e clonará seu diretório de projeto nele. Na vida real, você realizaria essa colaboração configurando um compartilhamento de rede ou um controle remoto acessível por URL.
Crie um diretório chamado Alice para clonar o repositório. Ele não deve ser um subdiretório do diretório do projeto (Cats), portanto
cd
, suba novamente para o diretório pai do diretório do projeto para tornar Alice uma irmã do diretório do projeto. Em seguida,cd
no diretório Alice .cd .. mkdir Alice cd Alice
Agora, use
git clone
para clonar o repositório que está no diretório do projeto para o diretório Alice . Certifique-se de incluir o ponto no final do comando:git clone ../Cats .
../Cats
indica ao Git a partir de onde clonar e.
indica ao Git para onde clonar. No Unix,.
refere-se ao seu diretório atual.Verifique a saída. O Git deve exibir este texto para que você saiba que funcionou:
Cloning into '.'... done.
Um clone do repositório que está no diretório do seu projeto está agora no seu diretório Alice !