18. Создание ветки

Цели

  • Научиться создавать локальную ветку в репозитории.

Разработка новой функциональности всегда связана с риском: разработка может занять много времени, вы можете в конечном итоге отказаться от неё и т. д. По этой причине лучше всего изолировать разработку фичи в отдельной ветке. Когда фича будет готова, вы сможете слить эту ветку с веткой main. До того времени ветка main будет защищена от рискованного и непроверенного кода. Кроме того, вы можете работать над несколькими фичами параллельно, над каждой в собственной ветке. Вы также можете в любой момент вносить изменения в ветке main, например, чтобы исправить ошибку в стабильном коде.

01 Создайте ветку

Пришло время сделать нашу страницу более стильной с помощью CSS. Мы будем развивать эту возможность в новой ветке под названием style.

Выполните

git switch -c style
git status

Старожилы могут возразить, что их учили создавать ветки командой git checkout -b style. Помните, я упоминал, что команда checkout перегружена функциями и флагами? Старый способ все еще работает, но он не рекомендуется. Новая команда git switch более выразительна и менее восприимчива к ошибкам. Кроме того, в ней меньше флагов и опций, поэтому ее легче запомнить.

Результат

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

Обратите внимание, что команда git status сообщает о том, что вы находитесь в ветке style.

02 Добавьте файл стилей style.css

Выполните

touch style.css

Файл: style.css

h1 {
  color: red;
}

Выполните

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

03 Измените hello.html, чтобы он использовал style.css.

Файл: 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>

Выполните

git add hello.html
git commit -m "Included stylesheet into hello.html"

04 Далее

Теперь у нас есть новая ветка под названием style с двумя новыми коммитами. Далее мы узнаем, как переключаться между ветками.