24. Criando um Branch

Metas

  • Aprender como criar um branch local no repositório

É hora de fazer o nosso hello world ser mais expressivo. Como isso pode demorar um pouco, é melhor mover essas modificações para um novo branch, isolando-as das modificações do branch master.

01 Crie um branch

Vamos nomear o nosso novo branch como «style».

Execute:

git checkout -b style
git status

Nota: git checkout -b <branch name> é o atalho de git branch <branch name> seguido por git checkout <branch name>.

Note que o comando git status avisa que você está no branch style.

02 Adicione o arquivo style.css

Execute:

touch lib/style.css

Arquivo: lib/style.css

h1 {
  color: red;
}

Execute:

git add lib/style.css
git commit -m "Added css stylesheet"

03 Mude a página principal

Atualize o arquivo hello.html para usar o style.css.

Arquivo: lib/hello.html

<!-- Author: Alexander Shvets (alex@githowto.com) -->
<html>
  <head>
    <link type="text/css" rel="stylesheet" media="all" href="style.css" />
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

Execute:

git add lib/hello.html
git commit -m "Hello uses style.css"

04 Mude o index.html

Atualide o arquivo index.html para que ele use style.css

Arquivo: index.html

<html>
  <head>
    <link type="text/css" rel="stylesheet" media="all" href="lib/style.css" />
  </head>
  <body>
    <iframe src="lib/hello.html" width="200" height="200" />
  </body>
</html>

Execute:

git add index.html
git commit -m "Updated index.html"

05 Próximo

Agora nós temos um novo branch chamado style com três novos commits. A próxima lição vai te mostrar como navegar e alternar entre branches.