Exercício – clonar um repositório

Concluído

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.

  1. 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.

  2. Use o mkdir comando para criar uma pasta chamada Cats:

    mkdir Cats
    
    
  3. Use o cd comando para alterar para a pasta do projeto:

    cd Cats
    
    
  4. 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
    
    
  5. 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>"
    
    
  6. 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"
    
    
  7. 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
    
    
  8. 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>
    
  9. 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).

  10. Mude para o diretório CSS e abra site.css no editor:

    cd CSS
    code site.css
    
    
  11. 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.

  12. Volte para o diretório Cats .

    cd ..
    
    
  13. Por fim, confirme as alterações novamente:

    git add .
    git commit -m "Add simple HTML and stylesheet"
    
    
  14. Verifique rapidamente o seu registo no Git para se certificar de que tudo está bem:

    git log --oneline
    
    
  15. 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.

  1. 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), portantocd, 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
    
    
  2. 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.

  3. 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 !