Do Local para o GitHub! Passos Básicos para Enviar Arquivos com git push

No artigo anterior, você conseguiu criar seu primeiro repositório (local de armazenamento) no GitHub e enviar (fazer push) seu primeiro arquivo. Parabéns!

Desta vez, como próximo passo, aprenderemos o fluxo de trabalho mais comum no desenvolvimento diário. Especificamente, o procedimento de como refletir no GitHub as alterações feitas ao editar arquivos existentes ou adicionar novos arquivos em seu PC (ambiente local). Este ciclo de "add → commit → push" é o básico do básico no desenvolvimento com Git, então vamos dominá-lo!

O Fluxo de Trabalho Básico do Git: Lembre-se destes 3 "Lugares"

Para entender as operações do Git, a primeira coisa a saber é o conceito de "três lugares". O Git usa uma área de armazenamento temporário antes de registrar as alterações nos arquivos. Isso permite que você escolha com flexibilidade quais alterações registrar.

• Diretório de Trabalho (Working Directory): É a pasta real no seu PC onde você abre e edita os arquivos.
• Área de Preparação (Staging Area): Um local temporário para colocar as alterações que você deseja "commitar" (salvar). Pense nisso como uma "lista de alterações a serem incluídas no próximo ponto de salvamento".
• Repositório Local (Local Repository): O local onde as alterações da área de preparação são oficialmente registradas e armazenadas como um ponto de salvamento (commit). Todo o histórico é salvo na pasta `.git` do seu PC.

O fluxo básico do Git é mover os arquivos entre esses três lugares.

1. Editar ou criar arquivos no diretório de trabalho.
2. Usar o comando git add para mover as alterações que você deseja commitar para a área de preparação.
3. Usar o comando git commit para registrar as alterações da área de preparação no repositório local.
4. Usar o comando git push para enviar os registros do repositório local para o GitHub (repositório remoto).

Agora, vamos experimentar este fluxo na prática!

Na Prática! Modificando e Adicionando Arquivos para Refletir no GitHub

Continuaremos trabalhando na pasta `my-first-repo` criada no artigo anterior. Se você ainda não a abriu, navegue até essa pasta no seu terminal (ou Git Bash).

cd my-first-repo

Passo 1: Edite um arquivo existente e verifique as alterações (git status)

Primeiro, abra o arquivo `index.html` que criamos da última vez com seu editor preferido e altere o conteúdo.

Exemplo: Altere `Hello, GitHub!` para `Hello, World!` e salve o arquivo.

Verifique se o Git reconheceu a alteração no arquivo com o comando `git status`. Este comando é como perguntar ao Git: "qual é o estado atual do projeto?".

git status

Você deverá ver um relatório de que `index.html` foi modificado, algo como `modified: index.html`.

Passo 2: Adicione um novo arquivo

A seguir, vamos criar um novo arquivo CSS. Crie um arquivo CSS simples com o seguinte comando.

echo "h1 { color: steelblue; }" > style.css

Se você executar `git status` novamente neste estado, `style.css` será exibido como um "arquivo não rastreado (Untracked files)". Isso significa que o Git ainda não sabe da existência deste arquivo.

git status

Passo 3: Prepare as alterações para o commit (git add)

Vamos adicionar tanto o `index.html` modificado quanto o `style.css` recém-criado à área de preparação para incluí-los no próximo ponto de salvamento. O comando `git add` pode ser usado tanto para arquivos modificados quanto para arquivos novos.

Normalmente, você usaria o seguinte comando para preparar todas as alterações (novas adições e modificações) no diretório de trabalho de uma só vez.

git add .

Depois disso, se você executar `git status` novamente, verá todas as alterações exibidas em verde como "Changes to be committed (alterações a serem commitadas)", o que indica que a preparação está completa.

Passo 4: Confirme as alterações (git commit)

Registre as alterações que você preparou na área de preparação como um único ponto de salvamento no repositório local. Anexe uma mensagem específica para que você saiba o que fez.

git commit -m "Atualizar texto do index.html e adicionar style.css"

Passo 5: Envie para o GitHub (git push)

Finalmente, envie (faça push) o novo commit que você criou em seu repositório local para o repositório remoto no GitHub. Isso compartilha suas alterações com os membros da equipe e cria um backup seguro.

Para pushes posteriores ao primeiro, a opção inicial `-u` não é necessária.

git push origin main

Confirmação e Dicas

Após a conclusão do push, tente recarregar a página do seu repositório do GitHub no navegador. Você deve ver que o `style.css` foi adicionado e que a data da última atualização e a mensagem de commit do `index.html` foram alteradas. Isso confirma que suas alterações foram refletidas corretamente no GitHub.

[Imagem: Mostrando dois arquivos no GitHub, com o histórico de commits também atualizado.]

• Crie o hábito de usar `git status`: Antes de começar a trabalhar, ou antes de fazer commit e push, crie o hábito de sempre verificar o estado atual com `git status`. Isso ajudará a evitar adições ou alterações de arquivos não intencionais.
• Faça commits em unidades lógicas: Tente agrupar alterações relacionadas em um único commit, como "Corrigir design do cabeçalho" ou "Adicionar links do rodapé". Isso mantém seu histórico limpo и facilita o rastreamento de alterações posteriormente.