18. Criando um Branch

Metas

  • Aprender como criar um branch local no repositório.

O desenvolvimento de um novo recurso sempre envolve riscos: pode levar muito tempo, você pode querer cancelá-lo no final, etc. Por esse motivo, é melhor isolar o desenvolvimento do recurso em uma ramificação separada. Quando o recurso estiver pronto, você poderá mesclar essa ramificação com a ramificação main. Até lá, a ramificação main estará protegida de códigos arriscados e não testados. Você também pode trabalhar em vários recursos em paralelo, cada um em sua própria ramificação. Você também pode fazer alterações na ramificação main a qualquer momento, por exemplo, para corrigir um bug no código estável.

01 Crie um branch

É hora de tornar nossa página mais elegante com um toque de CSS. Desenvolveremos esse recurso em uma nova ramificação chamada style.

Execute

git switch -c style
git status

Os mais antigos podem se opor porque foram ensinados a criar ramificações com o comando git checkout -b style. Lembra que mencionei que o comando checkout está sobrecarregado de recursos e sinalizadores? A maneira antiga ainda funciona, mas não é recomendada. O novo comando git switch é mais expressivo e menos propenso a erros. Ele também tem menos sinalizadores e opções, portanto, é mais fácil de lembrar.

Resultado

$ git switch -c style
Switched to a new branch 'style'
$ git status
On branch style
nothing to commit, working tree clean

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

02 Adicione o arquivo style.css

Execute

touch style.css

Arquivo: style.css

h1 {
  color: red;
}

Execute

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

03 Mude o hello.html para usar o style.css

Arquivo: 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 hello.html
git commit -m "Included stylesheet into hello.html"

04 Próximo

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