Como clonar um repositório do GitHub: passo a passo do git clone 

luzdalis-romero
luzdalis-romero

Compartilhe

Avalie este artigo

6 minutos de leitura

Se você está buscando como clonar um repositório do GitHub ou aprender o comando git para clonar repositórios, está no lugar certo.

Este artigo faz parte de uma sequência de três tutoriais: o primeiro ensina a iniciar um repositório local com Git, o segundo mostra como criar um repositório remoto no GitHub e agora vamos focar nos métodos para clonar um repositório usando git clone. 

Como clonar um repositório do GitHub usando git clone 

Ao clonar um repositório com Git e GitHub, você cria uma cópia exata (incluindo todo o histórico de commits) do projeto original em sua máquina, pronto para edições, estudos ou contribuição.

O comando para clonar repositório Git mais utilizado é o git clone, que permite duplicar o repositório remoto sem perder informações. Após fazer isso, também será possível sincronizar suas alterações com o repositório remoto. 

Nota: para quem está começando a trabalhar com GitHub, é importante saber que você precisará de uma chave SSH para conseguir clonar repositórios usando git clone via SSH. O GitHub costuma exigir autenticação por chaves públicas SSH para garantir segurança ao clonar e enviar alterações para os projetos. 

Primeiro passo: como copiar a URL do repositório GitHub para clonar via git clone 

Para começar, clique em Repositories e acesse o repositório desejado. No canto superior direito, você verá a opção <>Code:

  • HTTPS: recomendado para iniciantes. Requer apenas copiar a URL e, na primeira operação, fornecer um Personal Access Token (PAT) em vez de senha. Mais simples de configurar e funciona em qualquer firewall. 
  • SSH: direcionado para desenvolvedores que fazem commits frequentes. Requer configuração inicial de chave SSH, mas elimina a necessidade de autenticação repetida. Oferece maior segurança por meio de criptografia de chave pública. 
Animação mostrando a navegação no GitHub: página de perfil, clique em 'Repositories' e seleção de um repositório específico 

Ao clicar em "Code", um menu será exibido, no qual é possível escolher entre copiar a URL via HTTPS ou SSH para realizar o clone. 

Animação demonstrando o clique no botão 'Code' e a seleção entre as opções HTTPS e SSH para clonar o repositório 

Com o “Code" clicado, clique sobre o endereço HTTP do repositório; clique sobre a chave SSH ou HTTPS, então clique sobre o botão "copiar". 

Banner promocional da Alura destacando até 35% de desconto em cursos de tecnologia. A mensagem reforça que a diferença entre potencial e resultado está no preparo, incentivando profissionais a se anteciparem às mudanças do mercado e investirem no desenvolvimento de novas habilidades. A imagem mostra uma pessoa usando fones de ouvido e há um botão com a chamada "Aproveitar agora" para começar a evoluir na carreira tech.

Segundo passo: comando git clone – clonando o repositório no terminal 

Abra o terminal Git Bash e navegue até a pasta onde deseja salvar o projeto clonado (como a área de trabalho, mas pode ser qualquer diretório de sua preferência). Em seguida, use o comando git clone seguido do endereço de URL copiado anteriormente (HTTPS ou SSH). Exemplo usando SSH: 

git clone [email protected]:Luzdalis-Lopez/template_natureza.git 

Gif com: Terminal Git Bash; comando `cd Desktop`; comando `ls`; comando `git clone git@github.com:Luzdalis-Lopez/templete_naturaleza.git`; mensagem de clonagem com êxito. 

Uma vez clonado o repositório, verifique sua existência na pasta escolhida, listando o que há nela por meio do comando ls

Gif com:  terminal Git Bash; comando `$ ls`; pasta local com repositório clonado. 

Depois, acesse a pasta do repositório clonado usando cd nome_do_repositorio para visualizar a branch principal e os arquivos presentes. 

Gif com: terminal Git Bash; comando `cd templete_naturaleza`;  branch principal e arquivos do repositório clonado. 

Visualize o histórico de commits com o seguinte comando: git log 

Animação do terminal Git Bash executando 'git log', mostrando o histórico completo de commits com autor, data e mensagens de commit 

Vejamos os dados do commit com mais detalhes: 

Animação destacando os componentes de um commit no terminal: hash identificador, informações do autor, timestamp e mensagem descritiva 

Use o comando git log –oneline para visualizar um resumo dos commits: 

Gif com: terminal Git Bash; comando `git log --oneline`; resumo do commit; comando `code  .`; tela inicial do Visual Studio Code. 

Além disso, foi executado o comando code . 

O comando code . abre o VS Code na pasta atual, facilitando a edição dos arquivos do repositório local para, depois, enviar alterações ao repositório remoto. 

Terceiro passo: como abrir e editar o repositório clonado do GitHub no VS Code 

Agora, vamos visualizar os arquivos do repositório clonado no editor de código: 

Animação navegando na interface do VS Code: explorador de arquivos à esquerda mostrando a estrutura do repositório clonado (pasta img, arquivos index.html e style.css) 

Utilizando o atalho (Ctrl + J), abrirá o terminal integrado de VS Code. No canto direito do terminal, mude a opção predeterminada Powershell para terminal Git Bash, como na imagem a seguir: 

Animação demonstrando como abrir o terminal integrado no VS Code (atalho Ctrl+J) e alterar o tipo de terminal de PowerShell para Git Bash usando o menu dropdown 

Vamos usar alguns comandos já apresentados e também o git pull, que serve para baixar e atualizar o conteúdo do repositório local de acordo com o repositório remoto: 

Terminal integrado do VS Code mostrando a execução do comando 'git pull' e a mensagem indicando que o branch está atualizado com 'origin/main' 

Vale ressaltar que, ao clonar um repositório, ele já fica automaticamente conectado ao repositório remoto de origem. Dessa forma, não é necessário configurar a conexão manualmente. 

Como fazer alterações no repositório clonado e enviar (git push) para o GitHub 

Passo 1: Criando um arquivo readme.md 

Vamos criar um novo arquivo readme.md, adicionando um link para a página publicada no GitHub Pages desse mesmo repositório. 

1. Primeiro, copie a URL da página, como na imagem: 

Animação navegando no GitHub: acesso ao repositório publicado e clique no botão de configurações para acessar GitHub Pages e copiar a URL da página publicada 

2. Voltando ao Visual Studio Code

Crie um arquivo chamado “readme.md” e escreva dentro dele o título do repositório com “# Nome do repositório” e um link em HTML, por exemplo: <a href="url_do_repositorio_copiado_anteriormente">Visualize minha página</a>. 

Interface do VS Code mostrando a criação de um novo arquivo README.md e a edição do conteúdo com o título do repositório e um link HTML para a página do GitHub Pages 

3. Finalmente, vamos salvar as mudanças feitas: 

  • Primeiramente, ao abrir o terminal integrado do Vs Code e digitar o comando $ git status, você verá o novo arquivo readme.md como não rastreado; 
  • Com o comando git add readme.md, o arquivo será preparado para a próxima confirmação (commit); 
  • git status mais uma vez para confirmar as mudanças; 
  • Em seguida, use o comando git commit -m "Adicionando o arquivo readme.md" para registrar a alteração. As informações do commit serão exibidas em seguida: 
Terminal integrado mostrando a execução de 'git status' com o arquivo readme.md listado em vermelho como 'Untracked files', seguido do comando 'git add readme.md' para preparar o arquivo para commit 

• Agora, veja o histórico de commits. O comando git log –oneline mostra a última confirmação realizada: 

Janela do terminal integrado; comando `$ git status`; comando `$ git commit –m`; último commit destacado; escrita na tela  

Passo 2: Enviando atualizações para o repositório remoto 

Para enviar as alterações para o repositório remoto, execute o comando $ git push

Terminal integrado executando o comando 'git push' e mostrando a mensagem de sucesso do envio das alterações para o repositório remoto no GitHub 

1. Vejamos as mudanças no repositório remoto: 

Tela do repositório no GitHub; atualização da página; arquivo redme.md recebido e destacado; histórico de commits atualizado e destacado. 

Por fim, teste o link criado no readme.md para verificar se está funcionando corretamente: 

Animação mostrando a página do repositório no GitHub com o arquivo README.md renderizado, seguido do clique no link 'Visualize minha página' que abre a página web publicada no GitHub Pages  

Observações: 

Existe uma maneira muito fácil de enviar seu projeto para o GitHub sem linhas de comando. Mas no mercado de trabalho ela não é muito utilizada; portanto, se você é um daqueles que quer conquistar o mundo do trabalho, será necessário um pequeno esforço para conseguir dominar as linhas de comando.

No início, estas não parecem ser muito amigáveis, mas, se você se dedicar e praticá-las, acabará gostando. 

Para terminar, colocarei aqui novamente os links dos outros artigos sobre versionamento com Git e GitHub, que poderão ser um complemento para seu aprendizado. 

Avalie este artigo

Veja outros artigos sobre DevOps