Использование Git в Dreamweaver

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

Репозитории Git также полезны при работе в группе, так как с помощью Git легко создавать и обслуживать ветки. Например, для дизайнеров, которым нужно работать с изменениями дизайна для сайта. Но если другой член группы размещает запрос на изменение того же сайта, то вы можете работать отдельно с помощью Git. В этом случае вы оба можете независимо друг от друга создать отдельную ветку и внести изменения в соответствующий локальный репозиторий. В локальном репозитории хранится история всех ваших изменений исходного кода. При желании можно в любой момент объединить свои изменения с центральным репозиторием. Слияние веток гарантирует, что в центральном репозитории всегда находится актуальный код, содержащий оба варианта изменений.

О том, как приступить к работе с Git в Dreamweaver, см. в следующих разделах.

Если вы только начинаете работу с Git, сначала необходимо установить клиент Git и создать учетную запись Git. Перед началом использования Git из Dreamweaver необходимо установить клиент Git.

Если у вас уже есть учетная запись Git, войдите в свою учетную запись. Убедитесь, что на вашей системе установлен клиент Git. 

Чтобы начать работать с Git в Dreamweaver, выполните следующие действия.

Панель Git

При установке клиента Git рекомендуется использовать параметры конфигурации по умолчанию. Затем Dreamweaver автоматически выбирает путь к исполняемому файлу.

Теперь вы можете запустить Dreamweaver и связать свой сайт с репозиторием Git.

Dreamweaver поддерживает операции Git через панель «Git» (Windows > Git). С помощью этой панели Dreamweaver можно выполнять такие стандартные операции Git, как commit, push, pull, fetch.

Связывание сайта с Git

Чтобы приступить к использованию Git в Dreamweaver, необходимо сначала связать сайт Dreamweaver с репозиторием Git. Репозиторий Git представляет собой аналог папки, которая создается для отслеживания изменений в файлах. На вашем компьютере может находиться любое число репозиториев Git. Каждый репозиторий в вашей системе при этом независим. Это означает, что изменения, сохраняемые в одном из репозиториев Git, не влияют на содержимое других репозиториев.

При связывании веб-сайта с репозиторием можно создать или копировать существующий репозиторий. При инициализации или создании репозитория в текущем рабочем каталоге создается пустой репозиторий Git с файлом .gitignore внутри папки.

Однако при клонировании существующего репозитория Git все файлы из него будут клонированы в локальную систему.

Узнать больше об инициализации репозитория Git или клонировании репозитория можно в следующих разделах.

Инициализация репозитория Git

Перед началом работы с Git в Dreamweaver нужно создать репозиторий. При инициализации репозитория Git для сайта необходимо создать репозиторий Git, в который можно добавлять файлы, связанные с вашим сайтом Dreamweaver.

Клонирование существующего репозитория

Если вы уже работаете с существующим репозиторием Git, размещенным на Github, Bitbucket или в другой популярной веб-службе хостинга, то можно выполнить следующие действия для клонирования репозитория из Dreamweaver. При клонировании существующего репозитория в вашей локальной системе создается копия целевого репозитория.

Использование Git для управления версиями

После того как сайт Dreamweaver будет связан с репозиторием Git, файлы будут доступны для просмотра в Git на панели «Файлы» (режим просмотра в Git). Git подразделяет файлы в локальном хранилище на категории следующим образом:

• Неотслеживаемые файлы: файлы, которые ни разу не были зафиксированы в репозитории Git. После инициализации репозитория Git неотслеживаемые файлы сохраняют данное состояние до тех пор, пока не будет выполнена их фиксация.
• Неизмененные файлы: файлы, которые не были модифицированы.
• Измененные файлы: файлы, которые были модифицированы.
• Подготовленные файлы: файлы, которые были модифицированы и готовы к фиксации.

С помощью Git можно отслеживать изменения, внесенные в файлы. При изменении файлов в локальной системе измененные файлы отображаются на панели «Файлы» другим цветом. При двойном щелчке по файлу и его открытии в представлении «Код» напротив измененных строк также будет показан междустрочный маркер. Вы можете продолжить работу и зафиксировать измененные файлы в Git для синхронизации изменений.

При фиксации файлов Git позволяет вводить журнальные сообщения для каждой операции фиксации, а также просматривать список изменений с помощью функции diff. Существует также возможность просмотра истории версий для каждого файла и всего репозитория.

Отслеживание изменений в Dreamweaver и их фиксация в Git описаны в следующих разделах.

Отслеживание изменений в Git

Обратите внимание на значок Git на панели «Файлы» в Dreamweaver, который позволяет переключаться между представлением FTP и представлением Git. Щелкните значок Git, чтобы переключить представление Git.

Если после инициализации репозитория Git вы не выполнили фиксацию своих файлов, то эти файлы остаются неотслеживаемыми. Но если после инициализации репозитория вы выполнили фиксацию своих файлов, то Git в дальнейшем распознает эти файлы.

Если все файлы были клонированы из другого репозитория, то они также распознаются Git.

При изменении файла и нажатии на кнопку «Сохранить» измененные файлы будут показаны на панели «Файлы» другим цветом. Для детального просмотра изменений, внесенных в файл, дважды щелкните его в представлении кода.

Межстолбцовый маркер указывает строки, в которых были внесены изменения. Маркер зеленого цвета указывает на новый добавленный код. Маркер желтого цвета указывает на измененный код, а маркер красного цвета — на строки кода, которые были удалены.

При нажатии на желтый межстолбцовый маркер в приложении отображаются изменения в коде. Удаленная строка кода выделяется красным цветом, а новые строки — зеленым.

Обратите внимание на символ R с левой стороны от удаленных строк кода. Щелкните на этот символ, чтобы добавить удаленный код обратно в файл.

Используйте маркеры, чтобы просмотреть изменения в файле (diff) и проверить их перед фиксацией в репозитории Git.

Просмотр изменений в файле (diff) для измененных файлов

При открытии панели «Git» отображается список измененных файлов. Вы можете щелкнуть файл в этом списке и просмотреть изменения (diff), внесенные в него с момента последней фиксации. Для просмотра изменений в файле (diff) выполните одно из следующих действий на панели «Git».

• Чтобы просмотреть изменения на уровне файла, нажмите на каждый файл. Версия до изменений будет отображаться красным цветом, а зеленым цветом будут окрашены только что внесенные изменения.
• Выберите файл, для которого требуется просмотреть изменения (diff). Щелкните  (значок «Изменения»). Появится диалоговое окно Git «Изменения», в котором изменения выделены красным и зеленым цветом.

Фиксация изменений

Отмена изменений

Если вы уже зафиксировали изменения и хотите вернуться к предыдущей версии файла, выполните следующие действия.

Создание тегов

При любой фиксации изменений в Git можно создавать теги. Использовать теги можно для маркировки важных операций фиксации. Например, значительного изменения, запрошенного клиентом. Теги используются в качестве указателя на конкретную операцию фиксации.

Просмотр истории изменений файла

Каждый раз при выполнении фиксации файла в Git вы можете просмотреть историю изменений файла вместе со сведениями об операции фиксации. Эта функция позволяет определить важные операции фиксации, а также связанные с ними теги.

1. Перейдите на панель «Git» и выполните одно из следующих действий.

• Выберите необходимый файл и щелкните  (значок «Показать историю файла»).
• Щелкните правой кнопкой мыши файл на панели «Файлы» и выберите пункт «История файла».

При этом для выбранного файла будет отображена история изменений файла в Git. Кроме этого, в том же диалоговом окне можно просмотреть сведения об операции фиксации для этого файла.

Просмотр истории изменений репозитория

Помимо просмотра истории изменений файла в Git также можно просмотреть изменения на уровне репозитория. Вы можете просмотреть все изменения и операции фиксации на уровне репозитория. Для просмотра истории изменений репозитория выполните следующие действия.

Использование Git для совместной работы

Ветки являются одной из отличительных черт Git. В отличие от большинства систем управления файлами, ветки в Git могут быть приравнены к самостоятельным линиям, содержащим все связанные файлы или коды. По умолчанию репозиторий содержит только одну ветку под названием «Основная». Основная ветка является главной (или определяющей) веткой. На ее основе можно создавать другие ветки и вносить в них изменения.

Также можно создать дополнительную ветку из основной — при этом копируется родительская ветка. В этом случае можно работать в обеих ветках независимо в рамках одного репозитория Git. Например, можно работать над новой функцией для вашего сайта в одной ветке и одновременно над запросами на внесение изменений в другой ветке.

Git также позволяет объединять ветки в случае, если требуется внести изменения из текущей ветки в другую целевую ветку. При объединении двух веток обе ветки продолжают существовать независимо от своей копии. При этом можно продолжать работу как с родительской, так и с целевой веткой.

Когда над одним проектом в Dreamweaver работает несколько разработчиков и дизайнеров, каждый пользователь может создать свою ветку на основе основной и вносить в нее изменения. При необходимости они могут легко объединить свои изменения с другой веткой и продолжить работу с обеими ветками.

Подробную информацию о создании и управлении ветками в Git см. в следующих разделах.

Создание ветки в Git

Слияние веток

Работа с удаленными репозиториями

Удаленные репозитории в Git представляют собой версии проекта, размещенные в другой сети. Вы можете получить доступ к удаленному репозиторию, создав подключение к нему. В зависимости от прав доступа, заданных в удаленном репозитории, вы можете иметь доступ только для чтения, либо доступ для записи в этом репозитории.

При работе в составе рабочей группы удаленные репозитории позволяют отправлять и получать данные из других репозиториев. С помощью панели Git в Dreamweaver можно создать удаленное подключение, а также выполнять такие операции Git, как Fetch, Git Push, Git Pull и Remote Refresh.

Следующие инструкции помогут в создании удаленных репозиториев и управлении ими.

Добавление удаленного репозитория

Вы можете добавить удаленный репозиторий для организации совместного доступа к файлам, ходу выполнения работы, а также доступа к файлам проекта, размещенным в другой сети. При добавлении удаленного репозитория устанавливается удаленное подключение к целевому репозиторию. Dreamweaver позволяет создавать удаленные репозитории с помощью панели Git.

Перед добавлением удаленного репозитория убедитесь в том, что для него включена настройка Public Settings (Совместное использование).

Управление удаленными репозиториями

После добавления удаленного репозитория и установки подключения к нему вы можете выполнять операции Fetch и Pull для загрузки файлов из этого репозитория в локальный репозиторий. Можно также выполнить операцию Push для отправки файлов в удаленный репозиторий. Однако перед первым выполнением операции Git Push сначала необходимо выполнить операцию Fetch для загрузки файлов из удаленного хранилища.

Не забудьте выполнить фиксацию всех своих файлов в локальном репозитории перед их отправкой с помощью операции Push. Если в локальном репозитории имеются подготовленные файлы, то операция Git Push завершится ошибкой. 

Можно выполнять следующие операции Git из Dreamweaver:

Fetch all

Щелкните , чтобы получить доступ ко всем файлам с использованием всех удаленных подключений. Рекомендуется выполнять операцию Git Fetch, прежде чем выполнять операции Git Push или Git Pull. Это действие только получает доступ к файлам из удаленного репозитория, при этом содержимое локального репозитория не изменяется.

Загрузка файлов из удаленного хранилища

Можно загружать изменения из одного репозитория или группы репозиториев. При нажатии на значок Git Pull отображается диалоговое окно Git Pull с различными параметрами.

Передача файлов в удаленный репозиторий

Когда вы изменяете и фиксируете изменения файлов после подключения к удаленным репозиториям, Git выполняет запись этих изменений. Значок Git Push  на панели Git сразу же показывает количество файлов, которые были изменены. Эти файлы можно отправить в удаленный репозиторий с помощью операции Push.

При выполнении операции Git Push операции фиксации, выполненные в локальном репозитории, отправляются в удаленный репозиторий.

Для отправки своих файлов из Dreamweaver выполните следующие действия.

Поиск файлов на панели Git

Поле «Поиск» на панели Git позволяет выполнять поиск файлов по их имени. Данная возможность особенно полезна при наличии большого количества файлов, связанных с вашим сайтом.

Для поиска файла просто введите его имя в поле «Поиск». При этом будут немедленно отображены файлы, соответствующие вашему поисковому запросу.

Добавление файлов в список для игнорирования

Если вы не хотите работать с файлом в системе Git, то можно добавить его в папку .gitignore. Git игнорирует файлы в этой папке при выполнении любых действий, в том числе операций commit, push и pull. Необходимо выполнить фиксацию файла .gitignore в вашем репозитории, чтобы любой другой пользователь, клонирующий ваш репозиторий, также получил информацию о файлах, находящихся в папке .gitignore.

Для добавления файлов в папку .gitignore перейдите на панель «Файлы» в Dreamweaver. Выделите файл, который нужно добавить в список Git для игнорирования, а затем щелкните его правой кнопкой мыши, после чего выполните операцию «Git» > «Add to .gitignore»

Если нужно удалить файл из списка .gitignore, то можно в любой момент выделить его на панели «Файлы». Щелкните его правой кнопкой мыши и выберите операцию «Git» > «Удалить из списка .gitignore»

Убедитесь, что выполнена фиксация для файла .gitignore в локальном и удаленном репозиториях после внесения изменений в этот файл.

Доступ к Git через командную строку

В предыдущих разделах этой статьи были описаны способы использования панели Git (пользовательского интерфейса) для выполнения таких задач, как связывание репозитория Git с сайтом, создание и управление удаленными подключениями, передача файлов в репозиторий и загрузка файлов из репозитория. Эти и многие другие действия также можно выполнять с помощью команд git.

Чтобы выполнить любую из операций Git с использованием терминала, выполните одно из следующих действий.

• Выберите «Окно» > «Git», после чего щелкните значок «Open Bash/Terminal Console» (Открыть консоль bash/терминала).
• На панели «Файлы» переключите представление Git. Щелкните значок «Open Git Terminal» (Открыть терминал Git) рядом с раскрывающимся списком репозиториев.

Сведения об основных командах git см. в Памятке пользователя Git. 

При выполнении определенных операций, например инициализации репозитория, из командной строки, данные действия также отображаются в интерфейсе Dreamweaver.

Однако можно изменять файлы с использованием командной строки, когда приложение Dreamweaver закрыто. При его следующем запуске будет отображено следующее сообщение:

Установка параметров Git в Dreamweaver

Параметры Git в Dreamweaver позволяют задать некоторые настройки для использования Git в Dreamweaver. В диалоговом окне «Настройки» можно задать такие параметры Git, как путь к терминалу, настройки времени ожидания операций Git и т. д.