Exercício – Iniciar um projeto
Agora que você dedicou um tempo a aprender os comandos do Git essenciais, vamos mudar para a criação de um projeto no Git.
Nos próximos exercícios, você começará a usar o Git adicionando um arquivo HTML simples à árvore de trabalho. Em seguida, você fará algumas alterações no diretório e aprenderá a fazer commit das alterações.
Criar e adicionar (preparar) um arquivo
O Git não faz muita coisa com diretórios vazios. Portanto, vamos adicionar um arquivo à árvore de trabalho para que ele sirva como a home page do site de fotos de gatos.
Verifique se a sessão do Cloud Shell ainda está ativa e se você está na pasta do repositório, chamada Cats.
Use um comando
touch
para criar um arquivo chamado index.html:touch index.html
touch
atualiza a hora da última atualização de um arquivo, caso ele exista. Se o arquivo não existir, o Git criará um arquivo vazio com esse nome de arquivo.Agora, use
git status
para obter o status da árvore de trabalho:git status
O Git responde informando que nada foi confirmado, mas o diretório contém um novo arquivo:
No commits yet Untracked files: (use "git add <file>..." to include in what will be committed) index.html nothing added to commit but untracked files present (use "git add" to track)
Observe que
git status
fornece dicas sobre o que você pode fazer em seguida. O Git pode ser configurado para ser menos descritivo, mas neste estágio, quanto mais informações, melhor.Use
git add
para adicionar o novo arquivo ao índice do Git, seguido porgit status
para verificar o status. Não se esqueça do ponto no final do comando. Ele instrui o Git a indexar todos os arquivos do diretório atual que foram adicionados ou modificados.git add .
Um commit acaba de ser preparado. O índice do Git é uma área de preparo para commits. É uma lista de todas as versões de arquivo que farão parte do próximo commit a ser feito.
Em vez de usar
git add .
, você poderia ter usadogit add index.html
, pois index.html era o único arquivo novo no diretório. Mas se vários arquivos tivessem sido adicionados,git add .
serviria para todos eles.Por fim, use
git status
novamente para verificar se as alterações foram preparadas corretamente:git status
Você verá uma saída como este exemplo:
On branch main Initial commit Changes to be committed: (use "git rm --cached <file>..." to unstage) new file: index.html
Fazer seu primeiro commit
Agora que index.html foi adicionado ao índice, a próxima etapa será fazer commit dele.
Use o seguinte comando para criar um commit:
git commit index.html -m "Create an empty index.html file"
O sinalizador
-m
deste comando informa o Git de que você está fornecendo uma mensagem de commit.Há muitas maneiras diferentes de formular mensagens de commit, mas uma boa diretriz é escrever a primeira linha para que ela indique o que o commit faz na árvore. Também é comum colocar a primeira letra em maiúscula e não usar o ponto final para economizar espaço. Imagine que a primeira linha da mensagem complete a frase que começa com "Quando enviado por push, esse commit fará..."
Uma mensagem de commit pode ter várias linhas. A primeira linha não deve ter mais de 50 caracteres e deve ser seguida por uma linha em branco. As linhas seguintes não devem ter mais de 72 caracteres. Esses requisitos não são rígidos e remontam à época de cartões de pontos e terminais não inteligentes, mas, de fato, aprimoram a saída
git log
.O Git responde com uma confirmação do que você fez:
[main (root-commit) 87e874c] Create an empty index.html file 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 index.html
Acompanhe isso com um comando
git status
e confirme se a árvore de trabalho está limpa, ou seja, se ela não contém nenhuma alteração que não foi confirmada.Agora, use um comando
git log
para mostrar as informações sobre o commit:git log
A resposta do Git será algo como este exemplo:
commit 87e874c4aeeb3f9692ae5d9875235353708d7dd5 Author: User Name <user-name@contoso.com> Date: Fri Nov 15 20:47:05 2019 +0000 Create an empty index.html file
Modificar index.html e fazer commit da alteração
index.html foi criado para servir como a home page do site, mas está vazio no momento. A próxima etapa será adicionar um HTML a ele. Começaremos de maneira simples usando o editor interno do Cloud Shell para adicionar uma só linha de HTML.
Abra index.html no editor online digitando
code index.html
no aviso do terminal:code index.html
Digite ou cole as seguintes instruções no editor:
<h1>Our Feline Friends</h1>
Salve o arquivo e feche o editor online. Selecione as reticências "…" no canto direito do editor do Cloud Shell ou use a tecla de acelerador (CTRL + S no Windows e no Linux e Cmd + S no macOS).
Use um comando
git status
para verificar o status da árvore de trabalho:git status
Você poderá ver que o Git está ciente das alterações feitas:
On branch main Changes not staged for commit: (use "git add <file>..." to update what will be committed) (use "git checkout -- <file>..." to discard changes in working directory) modified: index.html no changes added to commit (use "git add" and/or "git commit -a")
Agora, faça commit das alterações:
git commit -a -m "Add a heading to index.html"
Observe que não executamos o comando
git add
desta vez para preparar as alterações. Em vez disso, usamos o sinalizador-a
no comandogit commit
. A opção-a
adiciona todos os arquivos que você modificou desde o último commit. Ela não adicionará novos arquivos. Para adicionar novos arquivos, você ainda precisará do comandogit add
.Verifique a saída. Ele será semelhante a este exemplo:
[main 8c9143a] Add a heading to index.html 1 file changed, 1 insertion(+)
A alteração em index.html foi confirmada. Agora, há duas versões do arquivo no repositório, embora você só veja uma delas (a atual). Um dos benefícios de usar o Git é que você pode reverter as alterações feitas ou voltar no tempo e ver as versões anteriores. Daqui a pouco, falaremos mais sobre esse importante tópico.