Управление проектами Git и GitHub с Atom [Guide]

Отличная новость для моих друзей-разработчиков; Интеграция с Git и GitHub были только что отправлены с новым выпуском Atom. Новая функция была доступно как бета Некоторое время, но теперь с Atom 1.18, он также готов к использованию для широкой публики. Отныне вы можете выполнять общие операции Git и GitHub, не выходя из редактора кода.

Читайте также: Взгляд в Atom: новый редактор кода Github

Поскольку Atom начинал как внутренний инструмент GitHub, шаг в интеграции Git и GitHub не стал сюрпризом, однако он наверняка еще больше улучшит процесс разработки Atom. В новом выпуске Atom также укрепляет свои позиции на сцене редактора кода, поскольку Visual Studio Code уже некоторое время предлагал ту же функцию.
Инициализировать Git-репозиторий
У Atom есть две новые вкладки, одна для Git, а другая для GitHub, с помощью которой вы можете обрабатывать операции Git. Вы можете получить к ним доступ, щелкнув меню View> Toggle Git Tab / Toggle GitHub Tab в верхней строке меню, или щелкнув маленький значок> hover в правой части панели редактора.

(Если ваша верхняя строка меню скрыта, вы можете открыть ее, нажав клавишу Alt.)
Вы также можете использовать следующие сочетания клавиш для доступа к вкладкам:

• Git Tab: Ctrl + Shift + 9
• GitHub Tab: Ctrl + Shift + 8

Нажмите кнопку «Создать репозиторий» и выберите папку, в которую вы хотите сохранить репозиторий. Наконец, нажмите кнопку + Init.
И это все, ваш репозиторий Git был инициализирован без необходимости касаться командной строки. Вот так выглядит стартовый экран пустого репозитория Git:
Как видите, макет настолько удобен, насколько это возможно. Вы можете видеть поэтапные и нематериальные изменения друг под другом и делать коммит в любое время. Кроме того, вы можете включать и выключать вкладку Git, просто нажав маленькую иконку>.

Хотя панель «Проект» с левой стороны не показывает ее, репо, как и должно быть, содержит скрытую папку .git с вашими настройками Git.
Сценические изменения
Я быстро создал два тестовых файла, index.html и style.css, чтобы увидеть, как работает постановка.

Atom помещает оба файла в раздел «Unstaged Changes» на панели Git справа. А в левой части панели «Проект» имена файлов без меток отображаются зеленым цветом.
Есть три способа внесения изменений:

1. Stage File – этапы только одного отдельного файла
2. Выбор этапа – этапы части определенного файла
3. Stage All – ставит все неподготовленные файлы

Постановка отдельного файла или выделения
Если вы хотите создать только один файл, просто нажмите на имя файла в разделе «Unstaged Changes». В панели редактора откроется новая вкладка, где вы можете выбрать, хотите ли вы разместить весь файл (Stage File) или только его выделение (Stage Selection).
Поместить все неподготовленные файлы
Если вы хотите разместить все неотмеченные файлы одновременно, просто щелкните меню «Stage All» в правом верхнем углу вкладки Git.

Помещенные файлы перемещаются в раздел «Пошаговые изменения». И, если вы передумаете, вы можете отключить их, щелкнув меню Unstage All в верхней части раздела «Поэтапные изменения».
Зафиксируйте изменения
Раздел «Stage Changes» – это в основном ваша плацдарм, Когда вы достигаете вехи в развитии, вам необходимо зафиксировать изменения. Подтверждая, вы сохраняете мгновенное состояние проекта в системе контроля версий Git, чтобы вы могли вернуться к нему (если хотите), ничего не потеряв.

Чтобы зафиксировать свою промежуточную область, введите сообщение фиксации (в котором кратко описываются изменения, которые вы внесли с момента последней фиксации) в окно сообщения фиксации и нажмите кнопку фиксации.

В результате разделы «Unstaged Changes» и «Staged Changes» будут очищены, а цвет имен файлов на панели «Project» изменится на белый.
Другие операции с Git
Существует множество других операций Git, которые вы также можете выполнять прямо из редактора Atom. Например, вы можете создать новую ветку, нажав на название ветви в нижней части вкладки Git. Здесь вы также можете переключаться между различными ветками.
Однако не все операции с Git доступны в Atom. Например, вы не можете удалять ветви или конфигурировать. Для выполнения этих задач вам все равно придется использовать командную строку. Интеграция Atom с Git все еще очень нова, поэтому, надеюсь, в будущем будет добавлена ​​поддержка этих менее часто используемых операций.

Вы можете получить доступ к списку всех связанных с Git функций через палитру команд, используя связывание клавиш Ctrl + Shift + P и введя в него «Git».
Клонировать репозиторий GitHub
Новая функция интеграции Git в Atom работает не только локально, но вы также можете клонировать GitHub-репозиторий.

Для этого откройте командную палитру, нажав Ctrl + Shift + P и выберите команду GitHub: Clone. Затем добавьте URL, с которого вы хотите клонировать (URL репозитория GitHub), и папку, в которую вы хотите клонировать репо. Наконец, нажмите кнопку Clone.
Авторизуйте GitHub для Atom
Чтобы внести изменения в проект GitHub, вам необходимо авторизовать GitHub для Atom. Следуйте инструкциям, которые вы видите на вкладке Atom GitHub. Во-первых, посетите github.atom.io/login URL и войдите в свою учетную запись GitHub. Здесь вы можете сгенерировать токен, с помощью которого вы можете выполнить авторизацию.
Введите токен авторизации в поле ввода, которое вы видите на вкладке Atom GitHub, и войдите в свою учетную запись.
Отсюда вы можете получить доступ к трем наиболее распространенным операциям GitHub: получать, отправлять и извлекать запросы, щелкая значок стрелки вниз в нижней части вкладки GitHub.

Читайте также: Как добавить пользовательские фрагменты кода в Atom