Разумное использование WebStorm — полезный встроенный инструмент git

внешний интерфейс Git Примечания
Разумное использование WebStorm — полезный встроенный инструмент git

предисловие

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

Git-панель администратора

Открываем этот набор интегрированных инструментов через Git в левом нижнем углу webstorm.

image-20210724172051880

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

  • Локальные изменения показывают ваши в настоящее время измененные, но незафиксированные файлы
  • Журнал: освоить ветку, в которой вы сейчас находитесь
    • Левая область дисплея представляет собой список всех филиалов
      • Местный список местных филиалов
      • Список веток удаленного репозитория
    • Правая область показывает запись фиксации текущей выбранной ветки.
      • Выберите запись фиксации, и файл, измененный текущей записью фиксации, будет отображаться в крайнем правом углу.

image-20210724172729171

Если вы не видите Git в левом нижнем углу, это, вероятно, потому, что вы скрытыTool Window Bars, в строке менюView -Appearance - Tool Window BarsПросто проверьте это.

image-20210724180744707

Если вы не очень хорошо знакомы с webstorm, перейдите к другой моей статье:Разумное использование WebStorm — конфигурация среды.

Общие операции

Далее я поделюсь с вами тем, как реализовать некоторые часто используемые операции git с помощью этого набора встроенных инструментов.

создать ветку

Когда требования проекта очевидны, первое, что мы должны сделать, это создать новую ветку, чтобы сделать это. В этом наборе встроенных инструментов GIT нам нужно только щелкнуть правой кнопкой мыши на ветке, на которой нам нужно основывать ВыбратьNew Branch from Selected...Вот и все.

Например: мы хотим создать базуmasterВетка создает новую ветку

image-20210724201805387

Введите имя новой ветки во всплывающем окне, нажмитеCREATEВот и все, как показано на рисунке ниже, мы называем новую веткуAddMenu

image-20210724202217151

Следуйте инструкциям выше, чтобы завершить создание новой ветки.

ПРИМЕЧАНИЕ. По умолчанию необходимо создать всплывающее окно и выберите ветвь, созданную в данный момент, если вы не хотите создавать просто проверено, отменить всплывающее окно внутриCheckout branchПросто выберите его.

После создания автомобиля нам также может понадобиться запушить эту ветку на удаленный склад.Щелкаем правой кнопкой мыши по созданной ветке и выбираемPush...Вот и все.

image-20210724210234782

тянуть ветку

Когда мы хотим выбрать ветку коллеги и помочь коллеге исправлять ошибки, нам нужно вытащить эту ветку на локальную.В этом наборе встроенных инструментов git нам нужно толькоRemoteНайти эту ветку, правильный выборCheckoutВот и все.

Например, мы хотим выбратьgithub_pageВетвь:

image-20210724203856360

После выбора вы увидите подсказку, как показано на изображении ниже.

image-20210724204040261

объединить ветвь

Когда мы завершили разработку требований и прошли тест, нам нужно слить ветку в dev.В этом встроенном инструменте нам нужно только переключить ветку на dev, а затем щелкнуть правой кнопкой мыши по нужной ветке. объединить и выбратьMerge into CurrentВот и все.

image-20210724234453128

Если есть противоречивые файлы, вам необходимо разрешить конфликт следующим образом:

  • выберите конфликтующий файл
    • Ярлык №1 Использовать файл текущей ветки (dev)
    • №3 Маркировка Сравните различия между двумя версиями файлов и устраните конфликт

image-20210724234718134

Если вы выберете кнопку серийного номера 3, вы увидите интерфейс, как показано ниже:

  • Код ветки dev слева, область конечного результата в середине и код объединенной ветки справа
  • Места, отмеченные порядковыми номерами 1, 2 и 3, предназначены для применения изменений здесь к конечной области результатов.
  • Xозначает отказаться от изменений здесь

image-20210724235117407

удалить ветку

Когда мы объединяем ветку в dev, эта ветка больше не нужна и ее нужно удалить.

В webstorm нам просто нужно найти эту ветку в списке удаленных веток, щелкнуть правой кнопкой мыши и выбратьDeleteТолько что

image-20210725003634683

Отправить код

Когда мы исправляем ошибку или завершаем разработку модуля, нам нужно отправить код в локальный репозиторий, а затем отправить его в удаленный репозиторий.В webstorm нам нужно только нажатьToolbarсерединаcommitЗначок иpushзначок.

Следующим образом:

image-20210725000121578

Во всплывающем окне введите информацию о представлении.

image-20210725000233787

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

image-20210725000436434

Нажмите во всплывающем окнеpushВот и все.

image-20210725000529092

Примечание: если вы не видитеToolbar, вам нужно в строке меню:view - Appearance - ToolBarВключите его.

Помимо этого, вы также можетеGitОтправить / нажать в подменю или нажать ярлыкиcommand K / command shift K.

вытащить код

Когда вам нужно получить последний код, измененный коллегами в ветке, вам нужно сделатьpullДля работы нам нужно всего лишь щелкнуть строку меню webstorm.gitВыберите тянуть из подменю.

image-20210725001609640

Временное хранение и поиск

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

Мы просто щелкаем правой кнопкой мыши по дереву проекта и выбираемGit - Stash Changes...Изменения могут быть поэтапными, как показано на следующем рисунке:

image-20210725002140382

Заполните информацию о сохранении во всплывающем окне.

image-20210725002254573

После завершения разработки срочной задачи снова переключаемся на ветку, нажимаем правой кнопкой мыши на корневую директорию проекта и выбираемGit - Unstash Change...Вот и все.

image-20210725002450616

откат версии

После того, как мы отправили код, в тесте было обнаружено много проблем, и мы посчитали, что эта отправка бессмысленна и должна быть отменена.

нам просто нужноGitВ панели выберите версию git для отката, щелкните правой кнопкой мыши и выберитеReset Current Branch to Here...Только что

image-20210725002931454

Выберите из всплывающего менюHardвариант.

image.png

Примечание. Если ваша фиксация была отправлена ​​в удаленный репозиторий, и вы хотите удалить запись удаленного репозитория, вам необходимо выполнить ее в терминале после локального отката.git push --forceКоманда нажать.

Отправка — опасная команда. Если есть код, отправленный другими коллегами после версии, которую вы откатили, эта команда удалит код, отправленный другими коллегами.

Объединить частичные записи коммитов

Когда нам нужно объединить частичные коммиты ветки вdevПри разветвлении нам нужно использоватьgit cherry-pickЗаказ.

В WebStorm нам нужно только переключить ветки на Dev, затемGitНа панели выберите ветку, которую необходимо объединить и отправить, выберите запись для объединения и нажмите樱桃значок, чтобы завершить слияние.

Как показано ниже, нам нужноAddMenuДва коммита ветки объединяются вdevВетвь:

image-20210725004742222

Наконец, мы переключаемся на ветку dev, чтобы увидеть два объединенных коммита, как показано ниже:

image-20210725004916220

напиши в конце

На данный момент статья опубликована.

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

Если вы заинтересованы во мне, пожалуйста, перейдите на мойперсональный сайт,Узнать больше о.