Github phpstorm как пользоваться

Как начать использовать Git в созданном проекте PhpStorm?

У меня сейчас все работает в таком виде:
1) На локальной машине под Windows 7 стоит PhpStrom.
2) На сервере поднят Apache HTTP server. Там поднят собственно сайт.
3) Я редактирую файл на локальной машине и автоматически их сразу же выгружаю на сервер.

Хочу настроить СКВ, собственно Git. Уже установил Git на сервере и на локальной машине.

Но теперь остался вопрос. Как мне быть, когда сохраняю правки в фалах. Они так же выгружаются на сервер. И у меня получается на сервере куча правленых файлов, которые находятся не в commit`е.

Меня интересует, как делать commit на сервере из PhpStorm? Или делать правки, также само их сохранять на сервер, а когда готов сделать commit — то делать его на локальной машине, а потому push на сервер? Как будет правильно делать? Может есть толковая статья?

• Вопрос задан более трёх лет назад
• 3827 просмотров

Комментировать
Решения вопроса 0
Ответы на вопрос 3

Frontend developer

Самый простой вариант такой:
1. Есть локальные файлы проекта. Если настраивается deployment (ftp), то файлы при правках льются на веб-сервер с проектом.
2. Есть репозиторий рядом с локальными файлами, в него делаются коммиты.

Посложнее, можно использовать сервер для хранения репозиториев (на самом деле копий локального репозитория, remote). Например, как писали выше, bitbucket. Или github, или gitlab. В этой модели сервер по прежнему ничего не знает, что у него git.

И самый продвинутый вариант, когда на боевой веб-сервер тоже устанавливается git, и поднимается локальный веб-сервер. На локальном ведутся работы, происходят коммиты. И когда делается push (или pull-request и дальнейший merge) на сервер с git репозиториями (bitbucket), там может автоматически срабатывать заранее настроенный обработчик события — hook, который дернет определенный скрипт на боевом веб-сервере, который в свою очередь делает git pull origin master.

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

Если хочется резервную копию репозитория где-то вне машины (или работа ведется эпизодически на разных машинах), то можно подключить bitbucket и делать push\pull\fetch с ним.

А если предполагается командная разработка, но нет технической возможности поднимать локальную копию проекта — то подходит второй вариант (мы часто работаем именно по такой схеме).

И третий вариант — самый сложный, обычно используем на техподдержке, когда есть «наша» копия сайта и «боевая». Т.е. на боевую копию не попадает ничего, без полного тестирования на нашей.

Работа с Git в PhpStorm (JetBrains)

В прошлой статье мы говорили о том как создать Git репозиторий. Теперь поговорим о том как им пользоваться из IDE PhpStorm.

Создание нового клона

1. Если создаем проект из лаунчера.
   Checkout from Version Control: Здесь можно выбрать GitHub, если проект хранится на GitHub’е (тогда нужно будет ввести только данные для аутентификации) или Git, если проект находится на другом сервере, тогда необходимо ввести данные для соединения с сервером:
   • Get Repository URL — адрес до репозитория в формате: ssh://ИмяПользователяХостинга@адресхостинга/полный/путь/до/репозитория. Адрес хостинга рекомендую указывать в виде ip. Так при работе не тратится время на соединение с DNS сервером, чтобы получить этот самый ip.
   • Parent Directory — это локальная настройка. Полный путь до папки-родителя локального сайта (в денвере по умолчанию всегда папка с именем сайта)
   • Directory Name — папка сайта (в денвере по умолчанию всегда www). Если эта папка уже существует, IDE предупредит об этом.
2. Если запущен проект то все это находится в меню VCS.

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

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

1. Иницииализируем: VCS->Enable Version Control Integration. выбираем Git и жмем Ok.
2. Добавляем файлы в первую фиксацию. Жмем Ctrl+Alt+A или ПКМ(по корню проекта)->Git->Add to VCS.
3. Фиксируем файлы. VCS->Commit Changes. внизу вписываем коммент (например First fixation ), вверху добавляем автора. Жмем Commit. (можно сразу сделать Commit и Push выбрав соответствующий пункт в селекте Commit )

В дереве проекта по умолчанию не отображаются папки, в которых есть изменения. Чтобы их показать идем сюда: File->Settings->Version Control: Show directories with changed descendants.

Похожие статьи

Другие посты

• Как свернуть все филдсеты на странице модулей
• Ajax фильтрация и сортировка таблиц

Работаем в phpstorm с git

В этой статье мы подключим к нашему проекту git в phpstorm а также опубликуем наш код на github.com

1. Для начала заходим на сайт git-scm.com скачиваем и устанавливаем клиент Git под вашу операционную систему, установщик задаст много вопросов, но мы оставим все по умолчанию т.к. все равно будем использовать встроенные средства работы с github в phpstorm.

2. Запускаем phpstorm,заходим в настройки File -> Settings в левом боковом меню выбираем Version control и вкладку Git , нам необходимо убедиться что phpstorm автоматически подхватил путь установки Git и выбран правильный .exe файл, если этого не произошло пропишите путь вручную, должно получиться ~путь к папке установки\Git\cmd\git.exe

3. Создаем новый репозиторий в Git. За работу с контролем версий в phpstorm отвечает вкладка VCS в главном меню, VCS -> Import into Version Control -> Create Git Repository .

4. В следующем пункте выбираем папку которую хотим добавить в репозиторий.

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

6. Создаем наш первый commit, нажимаем на иконку создания коммита(или горячими клавишами ctrl + k), также коммит можно создать из пункта меню VCS

7. Добавляем все файлы в проекте поставив галочку напротив Unverified files, также обязательно пишем сообщения в коммите(обычно кратко описываю что изменил), нажимаем кнопку Commit.

8. Создадим нашу первую ветку, в нижнем правом углу в меню Git выбираем New Branch

9. Вписыванием название ветки, если установить флажок checkout branch то мы сразу перейдем в эту ветку.

10. Как говорилось выше в нижнем меню Git мы можем переключаться между ветками(выбрав в нужной ветке пункт меню checkout ) а также удалять и переименовывать ветки.
В этом же меню мы можем выбрать слияния веток, этот пункт называется merge , для слияния сначала выбираем основную ветку, в нашем примере это Master, и когда основная ветка активна выбираем ветку с которой хотим слиться.

11. Для возврата изменений к предыдущему коммиту в нижнем левом углу нажимаем вкладку version control , правой кнопкой мыши по коммиту к которому хотим вернуться в выпадающем меню выбираем checkout revision

12. Подключаем удаленный репозиторий github.com.
Для этого заходим на github.com, создаем новый репозиторий и после создания копируем ссылку на вновь созданный репозиторий.
В верхнем меню в пункте VCS -> Git -> Remotes вставляем скопированную нами ссылку на удаленный репозиторий.

Теперь нам нужно передать в удаленный репозиторий содержимое нашего локального репозитория, делается это командой Push (Ctrl + Shift + K) или нажатием соответствующей иконки под главным меню.

Работа с git в PyCharm аналогична.

Использование веб-сервиса GitHub в PhpStorm

Эта заметка является вольным переводом достаточно старой записи из блога PhpStorm с незначительными дополнениями.

На данный момент очень популярной системой контроля версий (VCS) является Git, совместная разработка на её основе возможна также с помощью веб-сервиса GitHub.

В этой заметке будет рассмотрено несколько интеграций с GitHub, доступных в IDE. Эта функциональность доступна во многих продуктах компании JetBrains:

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

Узнать больше об этих функциях ты сможешь в более ранней заметке Обзор VCS.

• 1. Необходимые условия
• 2. Создание репозитория на GitHub
• 3. Клонирование репозитория c GitHub
• 4. Создание фрагмента кода на GitHub
• 5. Открытие файла в браузере на GitHub
• 6. Использование трекера задач в GitHub

1. Необходимые условия

Прежде чем ты продолжишь, убедись, что PhpStorm знает путь к исполняемому файлу Git. Если с этим возникли трудности, то ознакомься с этой справкой PhpStorm. Также проверь, что ты уже зарегистрировал учётную запись в GitHub. Затем ты можешь добавить её через главное меню IDE [File → Settings… → Version Control → GitHub] в настройках PhpStorm. Таким образом, тебе не придётся предоставлять данные своей учётной записи GitHub время от времени.

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

• OS Windows 10 x64 Pro
• WAMP Open Server 5.2.2
• IDE PhpStorm 2018.3.3

2. Создание репозитория на GitHub

Всякий раз, когда ты приступаешь к новому проекту на GitHub, есть небольшая проблема выбора, с чего начать. Есть два варианта развития событий:

• Начать с кодирования, а затем запушить (push) исходный код на GitHub.
• Создать проект на GitHub, клонировать его локально, а затем начать кодировать.

В любом случае PhpStorm поддерживает оба варианта.

Как только твой проект будет готов к публикации на GitHub, ты можешь использовать главное меню IDE [VCS → Import into Version Control → Share Project on GitHub] для начала публикации проекта.

Затем PhpStorm попросит тебя указать имя и описание для создания нового репозитория на GitHub. После этого нажми кнопку Share (Поделиться).

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

Затем если всё в порядке, в правом нижнем углу PhpStorm ты увидишь следующее уведомление:

Отлично! Теперь твой проект опубликован на GitHub. Отныне ты можешь использовать любую другую команду из главного меню VCS для работы со своим репозиторием. Подробнее об этом читай в этом посте.

3. Клонирование репозитория c GitHub

Что делать, если ты хочешь продолжить работу над существующим проектом, размещённом на GitHub? Как правило, тебе нужно открыть браузер и перейти на страницу репозитория, чтобы скопировать URL, который поможет тебе клонировать проект с помощью Git. А если ты помнишь URL репозитория, то можешь сразу перейти к его клонированию. Почему бы не клонировать проект с GitHub прямо из PhpStorm?

Это легко можно сделать с помощью следующего пункта главного меню IDE: [VCS → Checkout from Version Control → Git] . Используй его и ты получишь список всех репозиториев, к которым у тебя есть доступ согласно твоей учётной записи GitHub. Затем выбери нужный репозиторий и клонируй его в текущий проект PhpStorm.

После нажатия кнопки Clone (Клонировать), ты получишь всё содержимое хранилища локально и сразу можешь приступать к написанию кода. Позже используй традиционные команды Git из меню VCS для работы с репозиторием.

4. Создание фрагмента кода на GitHub

GitHub Gist — это простой способ поделиться фрагментами кода с другими. Также с его помощью можно создавать, просматривать и комментировать кусочки кода.

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

Зачем копировать и вставлять код из IDE на страницу в GitHub Gist, если для этого тебе достаточно лишь сделать клик правой кнопкой мыши?

В любом файле, открытом в IDE, ты можешь выделить код, затем сделать клик правой кнопкой мыши и выбрать пункт Create Gist… из контекстного меню. Также есть возможность добавить описание и при желании сделать гист приватным или анонимным.

5. Открытие файла в браузере на GitHub

Тебе когда-нибудь хотелось увидеть все детали файла, над которым ты работаешь? Сделай клик правой кнопкой мыши на нужном файле и выбери пункт Open on GitHub из контекстного меню.

Откроется браузер по умолчанию и страница GitHub с выбранным файлом. Она позволит тебе видеть историю файла, исследовать ветви и многое другое, всё доступно через веб-интерфейс сервиса GitHub.

6. Использование трекера задач в GitHub

Работа над проектом часто означает работу с трекером задач (системой отслеживания ошибок). И поскольку GitHub имеет свой трекер, давай рассмотрим, как он интегрируется с PhpStorm. Для этого в первую очередь тебе необходимо выполнить небольшой шаг настройки IDE.

С помощью пункта главного меню [File → Settings → Tools → Tasks → Servers] перейди к настройкам задач текущего проекта в PhpStorm. Здесь ты сможешь выбрать и настроить сервер трекера задач, который хочешь использовать. Добавь новый сервер, введи URL-адрес репозитория GitHub и необходимые учётные данные. На вкладке Commit Message (Сообщение коммита), по желанию можно включить опцию Add commit message (Добавить сообщение коммита) и при необходимости настроить сообщение коммита, которое будет сгенерировано после выполнения задачи.

После ты можешь работать с трекером задач GitHub и соотносить коммиты исходного кода с конкретными проблемами. Попробуй создать новую задачу. Для этого в главном меню выбери [Tools → Tasks & Contexts → Open Task…] или просто нажми Alt + Shift + N . Откроется диалоговое окно, в котором можно выбрать существующую задачу или создать новую.

Когда определился с задачей, нажми Enter . Откроется окно Open Task . Оно содержит ряд опций, которые ты можешь использовать на свое усмотрение.

После нажатия кнопки OK диалоговое окно закроется, а PhpStorm учитывая выбранные опции, например, закроет все открытые файлы и создаст новый контекст для выбранной задачи. Если ты хочешь получить более подробную информацию о задаче, которую только что выбрал, то используй пункт [Tools → Tasks & Contexts → Open ‘task name’ In Browser] главного меню или горячие клавиши Alt + Shift + B . Браузер откроет страницу задачи, зарегистрированной в трекере GitHub, с различной дополнительной информацией.

После внесения некоторых правок существует возможность указать PhpStorm, что их следует добавить в changelist (список изменений) для выбранной задачи. Чтобы сделать это используй пункт главного меню [Tools → Tasks & Contexts → Add changelist for ‘task name’] .

Changelist (список изменений) — это набор изменений в файлах, который представляет собой логическое изменение исходного кода. Другими словами — это группировка правок по какому-то признаку. Изменения, указанные в списке изменений, сохраняются в репозитории только после коммита (пуша).

Теперь ты можешь работать над другими задачами и создавать списки изменений для них. Как только ты почувствовал, что код хорош, и его нужно снова зафиксировать в VCS, делай это. Для этого используй пункт меню [VCS → Commit…] или горячие клавиши Ctrl + K ( Cmd + K на Mac OS X). Обрати внимание, что сообщение коммита создаётся автоматически на основе задачи, над которой ты работал.

Многие функции GitHub интегрированы в PhpStorm. Эта интеграция позволяет тебе комфортно решать несколько задач, которые обычно выполняются либо в командной строке, либо с помощью браузера. Таким образом, ты становишься более продуктивными, потому что в твоей работе происходит меньше переключения контекста.

Контрольные вопросы

1. Что такое GitHub и для чего он нужен?
2. Каким способом лучше начать работу с новым проектом на GitHub?
3. Какое влияние оказывает интеграция функций GitHub на продуктивность работы в IDE?
4. Какой фреймворк для тестирования позволяет использовать гисты на GitHub?
5. Можно ли изучать историю изменений файла с помощью веб-интерфейса сервиса GitHub?
6. Имеет ли веб-сервис GitHub свою систему отслеживания ошибок?
7. Для чего необходимо соотносить коммиты исходного кода с конкретными проблемами?
8. Для каких целей используется список изменений в PhpStorm?

Источники и дополнительные материалы

• EN Блог PhpStorm — Использование веб-сервиса GitHub в PhpStorm от компании JetBrains.
• EN Справка по PhpStorm — GitHub от компании JetBrains.
• EN Официальный сайт веб-сервиса GitHub от компании Microsoft.