Начните работу с большей легкостью и меньшими трудностями.
Если вы впервые пытаетесь освоить базовый контроль версий Git для своих профессиональных или личных проектов и сталкиваетесь с трудностями, вы не одиноки. Git поначалу немного сбивает с толку.
Но должно ли это сбивать с толку?
Когда я впервые сел изучать управление версиями git для использования в проектах веб-разработки, я чувствовал себя подавленным, сбитым с толку и не мог выполнить. Терминология меня не устраивала, и мне нужно было отдохнуть от документации.
Только когда я начал вставлять команды в терминал и перестал читать технические пояснения, я начал понимать. Я сжал этот терминальный подход к затиранию в небольшом руководстве, изложенном здесь.
Забавно объединять и смешивать команды git в терминале для управления версиями поддельного проекта. Наблюдайте, как растет ваша уверенность. Затем вы можете интуитивно узнать, как команды подключаются, не опасаясь взрыва вашего проекта или беспокоясь о взрывах красного текста ошибки терминала.
В этом простом руководстве вы напишете несколько минимальных строк HTML и CSS, а затем начнете выполнять последовательность командных строк Git в своем терминале, чтобы ознакомиться с их использованием в проекте.
Таким образом, вам не нужно сразу же читать тонны документации, и вы можете просто освоиться с написанием git в командном терминале.
Мы предполагаем, что вы установили Git в качестве первого шага. Давайте прыгать.
- Откройте IDE (я использую VS Code).
- Начните новый проект HTML/CSS (Примечание: вам понадобится ваш HTML и связанный файл CSS в папке вашего проекта).
- Добавьте пару тегов абзаца в HTML-код и напишите какой-нибудь текст (пример ниже).
4. В файле CSS напишите селектор абзаца с несколькими объявлениями. Я также добавляю тег body с обнуленными полями и отступами, но это необязательно.
5. Откройте терминал, если вы еще этого не сделали.
6. Напишите git init и нажмите Enter (это инициализирует ваш первый репозиторий).
7.Измените одно из значений селектора. Я решил изменить ширину абзаца со 100% до 80%.
8. Напишите git add . или напишите git add — all и нажмите Enter. На этом шаге описаны два варианта, которые вы можете выбрать для достижения того же результата. Это способ добавить все применимые файлы в промежуточную область репозитория. Дефис, показанный выше, на самом деле представляет собой два последовательных штриха (см. рисунок ниже для более четкого примера).
9. Напишите git Commit -m «Ваше сообщение здесь» Это сохранит изменения в вашем репозитории. Настройте сообщение, чтобы тщательно обобщить ваши изменения для более интуитивного использования.
На данный момент мы внесли изменения и зафиксировали (сохранили) их в репозитории. До сих пор вы вносили изменения только в свою основную ветку. Далее мы создадим ветки с изменениями и рекомбинируем их с оригиналом.
10. Напишите ветвь git в терминале и нажмите Enter. Это отобразит все ветки, которые у вас есть до сих пор. Звездочка у мастера (основной) показывает, что у вас есть одна ветвь, только исходная основная ветвь.
11. Напишите ветвь git Название_ветки_здесь в терминале. Вы можете назвать это как хотите.
12. Затем снова напишите git branch. Теперь вы должны увидеть свою новую ветку в качестве опции. Обратите внимание, что звездочка все еще находится на Мастере. Это потому, что мы еще не перешли на нашу новую ветку. Давайте сделаем это дальше.
13. Напишите git checkout Branch_Name_Hereв терминале.Вы только что выполнили переключение на новую ветку.
14. Затем снова напишите git branch. Ваша исходная главная ветвь и вновь созданная ветвь отображаются в качестве параметров. Обратите внимание, что звездочка теперь находится в вашей новой ветке.
15. Теперь, когда вы находитесь в новой ветке, внесите изменения в стили CSS. Я добавил фоновый цвет на основе переменной, которую вам не нужно имитировать. Подойдет любое изменение.
16. Затем напишите git add — all или git add ., чтобы добавить изменения в вашей новой ветке в тестовую область.
17. Затем напишите git commit -m «Добавьте сюда сводку изменений». Теперь вы успешно сохранили изменения в своей новой ветке.
18. Теперь мы изменили новую ветку и находимся на новой ветке, давайте вернемся к исходной основной ветке. Напишите мастер проверки git
19. Теперь давайте перенесем изменения из нашей новой ветки в нашу основную ветку с помощью команды слияния. Напишите git merge Название_ветки_здесь
20. Теперь взгляните на код. Заметили, что изменения, которые вы сделали в новой ветке, теперь отражаются в вашей основной ветке? Вы можете написать ветвь git и подтвердить, что вы действительно все еще находитесь в основной ветке.
21. Давайте завершим это и удалим лишнюю ветку. Напишите git branch -d Название_ветки_здесь
22. Теперь проверьте, сколько у вас веток. Напишите ветку git. Вы заметите, что осталась только главная ветка.
Поздравляем, это должно дать вам базовые практические знания о простых командах git для реализации в вашем следующем проекте.
Удачи вам в ваших усилиях по программированию!
