Я считаю, что большинству из нас не нужно представлять GitHub. Тем не менее, позвольте мне быстро подвести итоги для наших новых друзей.
Во-первых — Что такое Git?
Ответ — Git — это небольшая программа, которая отслеживает все внесенные изменения в код. отдельным лицом или группой людей, одновременно работающих над одним и тем же проектом. Чтобы узнать больше о Git, нажмите здесь.
Последнее — теперь, что такое GitHub?
Ответ – платформа (SaaS), которая предлагает всю необходимую инфраструктуру для постоянного размещать, получать доступ и делиться всеми отслеживаемыми проектами Git.
Думайте о GitHub как о Gmail, который управляет кодом вашего проекта. Подобно Gmail — даже бесплатная учетная запись GitHub многого стоит. В этом руководстве мы собираемся использовать учетную запись только с бесплатным планом. Нажмите здесь, чтобы узнать больше об их ценах.
В конце этого «5-минутного» руководства вы сможете бесплатно хранить код своего проекта со всеми преимуществами использования Git. И все это не платя ни копейки!
Содержание
- Инструменты — краткое введение в инструменты, которые я буду использовать.
- Настройка и интеграция — включите Git в локальном проекте и интегрируйте с GitHub.
- Проверить – проверить интеграцию с GitHub и убедиться в целостности кода.
1. Инструменты
Я использую приведенные ниже инструменты в последней версии Windows 10. Прошу вас загрузить и установить их.
+-------------------+---------------------------------------+ | Tool Name | Link | +===================+=======================================+ | VS Code | https://code.visualstudio.com/ | | Windows Terminal | https://github.com/Microsoft/Terminal | | Git Software | https://git-scm.com/ | | Ubuntu on Windows | https://ubuntu.com/wsl | +-------------------+---------------------------------------+
С этого момента я предполагаю, что все вышеперечисленные инструменты успешно установлены на вашем компьютере.
2.1 Настройка Git
В этом разделе мы инициализируем (включим) Git в папке, где находится весь код нашего проекта. После этого мы интегрируем тот же каталог удаленно на GitHub.
Для справки: я создаю каталог проекта с нуля. Однако вы можете пропустить создание этого каталога, если у вас уже есть каталог проекта. Я создаю файл HTML с простым кодом для справки. Ниже приведен фрагмент кода, если вы хотите использовать его для справки.
<html> <head> </head> <body> Hi. This is build 1. </body> </html>
Теперь у нас есть папка проекта, которой мы хотели бы управлять с помощью GitHub. Кроме того, ниже приведены некоторые коды, которые я буду выполнять на своем Ubuntu Linux (WSL). Откройте терминал Windows, который мы установили, и перейдите в каталог.
$ cd /mnt/your_project_directory // Open the Windows Terminal and visit the project folder. $ git init // Run this command inside the master folder of the project. $ git add . // This command indexes all those files that you have modified in this current directory. $ git commit -am “First draft for GitHub.” // Here, we are committing all the changes we have made. The -m flag is optional but useful in tracking the set of changes in plain English.
Если вы впервые используете Git на своем компьютере, вам может потребоваться заявить о своей личности. Ниже приведены две части информации, необходимые для этого.
1. Укажите свой адрес электронной почты
2. Укажите свое имя.
Следуйте приведенным ниже командам и объявите свою личность по умолчанию.
$ git config --global user.email "[email protected]" $ git config --global user.name "Your Name" //Now re-run the commit command. $ git commit -am "First draft for GitHub."
Вы должны получить подтверждающее сообщение, как показано ниже.
2.2 Настройка GitHub
Теперь пришло время посетить GitHub и настроить его для размещения нашего кода. Пожалуйста, выполните следующие шаги для того же.
- Зарегистрироваться на GitHub.com
- Войдите, используя учетные данные для вашей учетной записи GitHub.com.
- Вы приземлитесь на приборной панели. Нажмите кнопку Новый репозиторий, как показано на экране ниже.
- Назовите несколько имен. Здесь я называю его example.com.
- Установите его как Частный и нажмите кнопку Создать репозиторий.
2.3 Интеграция
Теперь давайте соединим нашу локальную папку проекта с удаленным репозиторием, который мы только что создали на GitHub.
Во-первых, давайте найдем URL-адрес репозитория на GitHub, скопируем его. Для меня URL-адрес https://github.com/abkotecha/example.com.git. Вы можете получить свой URL-адрес на экране ниже.
Затем откройте интерфейс командной строки и введите следующие команды.
$ git remote add origin https://paste-the-URL-here.com.git // In my case, the command looks something like below: $ git remote add origin https://github.com/abkotecha/example.com.git
После этого запустите команду Push, как показано ниже, чтобы опубликовать последние файлы в репозитории GitHub.
$ git push origin master //Here, the master refers to the master branch of Git.
Подтвердить
Мы можем проверить локальное/удаленное соединение двумя простыми способами. При первом подходе мы будем редактировать файл в репозитории GitHub. Во втором случае мы изменим файл на локальном компьютере.
В обоих этих случаях мы будем синхронизировать код проекта в обоих местах с помощью набора простых команд Git.
Подход 1: Изменения в удаленном каталоге
В списке файлов щелкните файл, в который вы хотите внести изменения. Здесь я собираюсь щелкнуть файл index.html. Нажмите кнопку «Редактировать» и отредактируйте содержимое файла в открывшемся редакторе GitHub.
После внесения изменений прокрутите вниз и введите соответствующее сообщение в разделе фиксации, а остальные параметры оставьте без изменений. Затем сохраните эти изменения и перейдите в локальный каталог в Терминале.
Введите следующую команду, чтобы проверить, синхронизированы ли локальный и удаленный проекты друг с другом или один опережает другой.
$ git fetch $ git status
Если вы получаете ответ о том, что ваша ветвь отстает от «origin/master» на количество коммитов, это означает, что удаленный проект опережает местный.
Запустите ниже команду Pull, чтобы обновить локальный код.
$ git pull
Эта команда извлечет последний код из удаленного репозитория и заменит несинхронизированные файлы в локальном каталоге.
Подход 2: Изменения в локальном каталоге
Внесите необходимые изменения на локальном компьютере и выполните шаги, указанные в предыдущем разделе 2.1 Настройка Git.
После этих команд введите команду Push.
$ git push
Команда Push обновляет репозиторий GitHub с помощью локального каталога.
Обновите страницу браузера, и вы обнаружите, что ваша кодовая база на GitHub теперь синхронизирована с вашим последним коммитом. Идентификатор фиксации, показанный на GitHub, будет соответствовать идентификатору фиксации в Терминале.
Вывод
С помощью этого руководства мы поняли, что такое Git, а также разместили наш проект на GitHub. Те же шаги может выполнить любой другой член команды и заставить Git работать на своей локальной машине.
Обновите код, зафиксируйте его и синхронизируйте последний код, что поможет всем членам команды работать над одним и тем же проектом одновременно. Затем я опубликую рекомендации по использованию Git/GitHub для всей команды. Там мы бы сосредоточились на сохранении целостности проекта, даже если над одним и тем же модулем проекта работает большое количество людей. Быть в курсе.
Если вы хотите получить доступ к шпаргалке Git и продолжить обучение, нажмите здесь.
Впереди творческий и продуктивный день! :)