Как добавить новый файл в ветку?

Добавление файла в ветку Git

Добавление нового файла в ветку — базовая операция в Git. Процесс состоит из нескольких этапов: создание файла, добавление его в staging area (индекс), и коммит с сообщением.

Пошаговый процесс

# 1. Создаём новый файл
touch components/Button.tsx

# Или создаём файл с содержимым
echo "export function Button() { return <button>Click me</button>; }" > components/Button.tsx

Добавление файла в индекс

# Добавить конкретный файл
git add components/Button.tsx

# Или добавить все изменённые файлы
git add .

# Или добавить все файлы в текущей директории рекурсивно
git add components/

Проверка статуса

# Посмотреть, какие файлы добавлены (в staging area)
git status

# Вывод:
# On branch main
# Changes to be committed:
#   new file:   components/Button.tsx

Создание коммита

# Создать коммит с сообщением
git commit -m "Add Button component"

# Или с более детальным описанием
git commit -m "Add Button component" -m "Implements reusable button with variants"

# Интерактивный режим (откроется редактор)
git commit

Практический пример

# Создаём новый компонент
cat > components/Card.tsx << EOF
import React from "react";

interface CardProps {
  title: string;
  children: React.ReactNode;
}

export function Card({ title, children }: CardProps) {
  return (
    <div className="p-4 border rounded-lg">
      <h2 className="font-bold">{title}</h2>
      <div>{children}</div>
    </div>
  );
}
EOF

# Добавляем в индекс
git add components/Card.tsx

# Проверяем статус
git status

# Коммитим
git commit -m "Add Card component with typed props"

Полезные флаги

# Добавить и закоммитить в одну команду (только для изменённых файлов)
git commit -am "Fix: update Button styles"

# Посмотреть, какие файлы будут добавлены
git add --dry-run components/

# Добавить файлы интерактивно (выбирать куски кода)
git add -p

# Отменить добавление файла из индекса
git reset components/Button.tsx

# Посмотреть разницу перед коммитом
git diff --cached

Правила коммитов

Осмысленные сообщения — коммит-сообщение должно описывать "что" и "почему", а не "как".

# Хорошо
git commit -m "Add Button component with variant support"
git commit -m "Fix: correct button focus state for accessibility"

# Плохо
git commit -m "update"
git commit -m "fix stuff"

Атомарные коммиты — один коммит должен решать одну задачу. Не смешивай разные функции в одном коммите.

# Хорошо — разные коммиты для разных задач
git commit -m "Add Button component"
git commit -m "Add Card component"

# Плохо — всё в одном
git commit -m "Add Button and Card components and fix styles"

Проверка перед пушем

# Посмотреть локальные коммиты, которые не в origin
git log origin/main..HEAD

# Проверить, что коммиты корректны
git show HEAD

# Затем пушим
git push origin main

Заключение

Добавление файла в ветку — простой процесс: создаёшь файл, добавляешь его через git add, проверяешь статус и коммитишь с понятным сообщением. Главное — писать осмысленные коммит-сообщения и делать атомарные коммиты, которые решают одну задачу.