Kontrola wersji głównej dla zdalnych zespołów

Feb 1, 2026
Jak
Version control

Praca zdalnie stała się znacznie bardziej powszechna w rozwoju sieci Web w ciągu ostatnich kilku lat. Przed kontrolą wersji, praca zdalnie w tym samym projekcie rozwoju byłaby absolutnym koszmarem. Deweloperzy musielibyśmy Wyślij duże pliki. do siebie (prawdopodobnie przez e-mail), wklejając własny kod przed wysłaniem go. Nie było prawdziwego sposobu śledzenia tego, co zostało dodane i kiedy.

  • 6 Must-ma umiejętności dla młodych deweloperów

Na szczęście, kontrola wersji przybyła i dokonała rozwoju na wszystkich frontach znacznie bardziej zarządzać. Projekty internetowe stają się znacznie łatwiejsze do wdrożenia i zarządzania, zwłaszcza jeśli chodzi o pracę w zespole zdalnego rozwoju. Nie musisz już martwić się o bieżącą wersję strony internetowej, która jest nadpisana - każdy członek zespołu jest bezpłatny do pracy nad dowolnym plikiem w dowolnym momencie, nie ma zamieszania, gdzie jest najnowsza wersja pliku jest przechowywana - i górna magazyn w chmurze Pomaga też w procesie.

W tym samouczku, używamy Github zarządzać naszym kodem. Istnieje wiele różnych typów narzędzi do kontroli wersji, takich jak BitBucket i TFVC, ale nawet jeśli wszystkie są różne, zasady pozostają takie same, jeśli chodzi o kod zarządzający.

Więcej sposobów ułatwia proces budowy witryny, zobacz nasze przewodniki na górę Kreator strony internetowej i hosting usługa.

Model rozgałęzkowy

Po pierwsze, bardzo ważne jest, aby uzyskać udany model rozgałęziony podczas pracy w dowolnym zespole, aby uczynić proces rozwojem i wdrażania przebiegają płynnie. Najprawdopodobniej będziesz miał wielu programistów pracujących nad tym samym projektem. Podczas pracy ze zdalnym siłą roboczą uważam, że najlepszy przepływ pracy składa się z trzech głównych gałęzi, a także zestawu tymczasowych:

  • Rozwijaj oddział: Każda linia kodu została przetestowana i zatwierdzona przez klienta.
  • Gałąź: Specjalne będzie środowisko walidacyjne.
  • Oddział: Zawiera ostatnią wersję swojej witryny w produkcji.

Będzie również zestaw oddziałów funkcyjnych. Jednakże będą one po prostu tymczasowe, aby początkowo budować nowe funkcje.

Wielu programistów w jednym projekcie

Version control: Branching model

Najlepszy przepływ pracy składa się z trzech głównych oddziałów: rozwijać, inscenizację i wydanie

Załóżmy, że prowadzisz zespół z dwoma deweloperami, którzy pracują zdalnie. Zadzwonimy do nich Sarah i James: Oboje pracują na tej samej stronie internetowej e-commerce dla klienta. Sarah musi opracować funkcję, która rejestruje dane klientów.

Złamamy to na trzy oddzielne historie użytkowników - dodawanie, edycję i usunięcie - a następnie dodaj te trzy bilety do opadów Sprint.

Obejmują oddziały

Version control: Feature branches

Dodawanie oddziału funkcji do rozwijania funkcji szczegółów klienta i dodanie oddziału historii użytkownika do zadania dodatków

Powiedzmy, że Sarah zaczyna się od dodanej sekcji Szczegóły klienta. Musiałoby stworzyć oddział funkcji "Szczegóły klienta" i historię użytkownika na pierwszy zadanie "Dodatki".

 Git Checkout Develop & AMP; & Amp; Git Pull Origin / Develop
Git Checkout -b Feature / Customer-Details
Git Checkout -B Dodaj - szczegóły 

Sarah będzie nadal pracować nad tymczasowym oddziału "Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Add-Adres". Powiedzmy, że James chce pomóc Sarahowi z funkcją szczegółów klienta, więc zaczyna pracować nad delecją szczegółów.

James wyciągnął ostatnią wersję wspólnej gałęzi i stworzy nową oddział dla historii użytkownika "Usuń szczegóły". Potem może zacząć robić własne dodatki, nie martwiąc się o nadpisanie kodu Sary.

 Funkcja Git Checkout / Szczegóły klienta
Git Pull Origin / Feature / Customer-Details
Git Checkout -B Usuń - szczegóły 

Użyje również jego tymczasowego oddziału do lokalnego kodu i popełnić wszelkie zmiany. Gdy Sarah skończyła swoją funkcję lokalnie, kładzie bilet do przeglądu kodu. Pchnie jej kod do gałęzi inscenizacji i otwórz żądanie pull z otoczeniem inscenizacyjnym.

// ona popycha swój kod do gałęzi inscenizacji
Git Push Origin Dodatki
// Otwiera żądanie pull z otoczeniem inscenizacyjnym
Git-Pull Studing Dodatki 

Mamy teraz branżę funkcji Szczegóły klienta, a dwaj historia użytkownika oddziałów w rozwoju "Dodatki" i "Usuń szczegóły".

Łączenie

Version control: Adding new branch

Tworzenie nowej gałęzi dla historii użytkownika Usuń - szczegóły, umożliwiając podejmowanie dodatków bez martwienia o nadpisanie kodu innego człowieka

Gdy jej kod został sprawdzony, może scalić jej oddział na inscenizację. Bilet jest teraz w kolumnie walidacyjnej, czekając na walidację od dewelopera.

 // dostaje ostatnią wersję gałęzi inscenizacji
Git Checkout Stage & AMP; & Amp; Git Pull Origin / Insceding
Git Serge Add-Details & AMP; & AMP; git push pochodzenie inscenizacji
// Buduje środowisko walidacyjne
// i prosi właściciela produktu, aby potwierdzić 

Po zatwierdzeniu pracy Sarah bilet można przenieść do kolumny gotowej. Może scalić swoją pracę do oddziału funkcji i rozpocząć kolejną historię użytkownika, jak usunięcie danych klientów.

 // wyciąga ostatnią wersję oddziału funkcji
Funkcja Git Checkout / Szczegóły klienta
Git Pull Origin Funkcja / Szczegóły klienta
Git Serge Add-Add-Add-Add-Add-Address & AMP; Git Push pochodzenia Funkcja / Szczegóły klienta 

Gdy cała funkcja została zatwierdzona zarówno przez deweloper, jak i klient, Sarah może łączyć oddział funkcji do rozwoju, ponieważ jest gotowy do pracy.

 // dostaje ostatnią wersję opracowywania gałęzi
Git Checkout Develop & AMP; & Amp; Git Pull Origin / Develop
Git Merge Feature / Customer-Details & AMP; & AMP; Rozwijaj pochodzenie Push Git 

Wdrażaj do produkcji

Version control: Deployment

Po przygotowaniu się, scal się rozwijaj i uruchomić wdrażanie

Po zakończeniu i jest gotowy do wdrożenia w produkcji, James łączy się rozwijać i wprowadza wdrażanie. W tym momencie wiedziałby, że cały kod jest poprawny, a klient jest szczęśliwy. Znaczają zatwierdzenie wydania, aby uzyskać historię każdej wersji.

 Git Checkout Develop & AMP; & Amp; Git Pull Origin / Develop
Git Casout Release & AMP; & AMP; Wyciągnij pochodzenie / wydanie
Git Merge Develop & AMP; & AMP; git tag 2.1.
Git Push Origin Release --Tags 

Zasady dotyczące śledzenia tego przepływu pracy

Ten zdalny przepływ pracy może być bardzo trudny do zrozumienia, ale jeśli dostaniesz zespół do pracy przez tę metodę, masz bezpłatny przepływ roboczy bez konieczności paniki o nadpisywaniu plików lub programistów pracujących na tym samym obszarze.

Są kilka kluczowych rzeczy do zapamiętania:

  • Pierwszą rzeczą, którą będziesz musiał nauczyć swoich deweloperów, jest przepływ pracy w wersji i upewnij się, że wszystkie czytają z tej samej książki.
  • Jeśli rozwijasz funkcję, spróbuj złamać to na mniejsze historie użytkowników. W ten sposób łatwiej jest śledzić każde zatwierdzenie.
  • Nie przegap żadnych kroków: Ten sam przepływ pracy musi być przestrzegany za każdym razem.
  • Zawsze będziesz musiał połączyć twój oddział do rozwoju, aby przygotować następne wydanie.
  • Jeśli to możliwe, powinieneś oczyścić repozytorium inscenizacyjne. Powinieneś usunąć gałęzię inscenizację, lokalnie i zdalnie, i odtworzyć go z opracowywania oddziału - patrz przykład poniżej:
 Git Co Develop & AMP; & AMP; Git Pull Origin / Develop
git branch -d insceniging & amp; & amp; Git Push pochodzenie --Delete inscenizacja
Git CO -B Stage & AMP; & AMP; Git Pull Origin Songaging 

Dodatkowe przepływy pracy.

Z mniejszymi projektami możesz użyć mniej złożonego przepływu pracy. Możesz użyć Master, który zawiera najbardziej aktualną wersję, oddział opracowywania, a następnie zestaw oddziałów dla każdej dodatkowej funkcji - czy to forum, formularz kontaktowy, system kasowy. Wszystko zależy od twoich osobistych preferencji.

Zarządzanie konfliktami scalonowymi

Radzenie sobie z konfliktami scalonymi jest wystarczająco trudne, jeśli wszyscy pracujesz w tym samym pokoju, ale mogą stać się jeszcze bardziej koszmar, jeśli wszyscy pracujesz w innym biurze. Najważniejszą rzeczą jest pamiętać, że zawsze możesz cofnąć scalanie i powrócić do stanu przed wystąpienie konfliktu.

Niezależnie od tego, czy robisz wszystkie łączenia jako deweloper, czy twój zespół są tymi, które robią je niezależnie, pierwszym krokiem jest zrozumienie, co się stało.

  • Czy jeden z twoich współ-deweloperów edytuje tę samą linię w tym samym pliku?
  • Czy usunęli plik, który zmodyfikowałeś?
  • Czy oboje dodałeś plik o tej samej nazwie?

Git powie ci, że masz Nieostrożne ścieżki przez status git. :

 Status $ Git
# Na oddziałowym systemie
# Masz niezmienione ścieżki.
# (popraw konflikty i uruchom "git commit")
#
# Nieostanowane ścieżki:
# (Użyj "Git Dodaj i ...", aby zaznaczyć rozdzielczość)
#
# Zmodyfikowane: Checkout.html
#
Nie dodano żadnych zmian do zatwierdzenia (użyj "git dodaj" i / lub "git commit -a") 

Teraz najczęstszą przyczyną konfliktu jest wtedy, gdy zmiany wpływają na te same pliki w tej samej linii. Spójrzmy więc na zawartość konfliktowej linii. Zauważysz, że git jest naprawdę dobry w fakcie, że zaznaczy to konflikt, otaczając go i LT; & LT; & LT; & LT; i & GT; & GT; & GT; & GT; & GT; & GT / Nazwa] . W takim przypadku jest kasa-system .

 & LT; & LT; GŁOWA
Ta linia została popełniona podczas pracy w branży "Formularz użytkownika".
=======.
Ta linia, w przeciwieństwie temu, została popełniona podczas pracy w branży "Zamówienie".
& gt; & gt; & gt; & gt; & gt; & gt; & gt; & gt Refs / Heads / Casout-System 

Zawartość po pierwszym znaczniku pochodzi z bieżącego oddziału roboczego. Po nawiasach kątowych, Git mówi nam, która oddział pochodziły zmiany. Linia z =======. oddziela dwa sprzeczne zmiany.

Możesz teraz po prostu otworzyć plik w edytorze, wyszukaj znaczniki konfliktów i wprowadzić niezbędne modyfikacje. Kiedy skończysz, plik musi wyglądać dokładnie tak, jak chcesz wyglądać lub, alternatywnie możesz powiedzieć, że będziesz po prostu idziesz z jedną z edytowanych wersji, zwanych nasz lub ich .

 Git Checkout - Można ścieżka / do / konflikt-file.html 

Istnieje również wiele aplikacji narzędziowych, które mogą w tym pomóc. Kalejdoskop jest świetną dla Mac.

Zarządzanie projektem i wydaniem

Version control: Issues and problems

Nie mylić problemów z problemami: można również użyć etykietowania emisji dla ulepszeń, pytań i błędów

Jest równie ważny, jak deweloper ma narzędzie do zarządzania projektami do zarządzania rzeczami takimi jak zadania i błędy, zwłaszcza gdy twoi deweloperzy nie są oparte na biurze. Istnieje wiele rozwiązań, takich jak Zenhub i Aguna, ale wierzę, że wbudowany projekt Github jest najlepszy.

Możesz robić takie jak ustawić nowy projekt, tworzyć tablice lub przypisać problemy. I nie tylko mylić problemy z problemami: Możesz także użyć go do ulepszeń, pytań i błędów, między innymi.

Oto kilka najlepszych funkcji:

  • Wbudowany system tagowania: Umożliwia organizowanie i prymulowanie przepływu pracy i łatwe wyszukiwanie poprzez projekty dla istotnych informacji.
  • Kamienie milowe: Idealny do skojarzenia problemów z konkretnymi cechami lub fazami projektu, takich jak błędy, które należy naprawić przed uruchomieniem lub zadaniami w październiku beta.
  • Wielokrotne zadania: Problemy można przypisać użytkownikom luzem, oszczędzając czas i uczynić cię bardziej wydajnym.
  • Komentowanie: Inżynierowie i zespoły zarządzające mogą łatwo omawiać postępy i wyniki na każdym kroku przy użyciu wbudowanego systemu komentowania.
  • Listy zadań: Większe problemy można podzielić na etapy, aby zniechęcić do tworzenia dziesiątki problemów mikroskopowych, utrzymując wszystkie swoje prace w tym samym miejscu.
  • Format Markdown: Możliwość korzystania z formatowania Markdown udowodni popularny wśród twoich programistów i może być używany w większości miejsc wokół GitHub.
  • Deski projektowe: Mogą one być używane do przechowywania problemów, żądań i notatek, kategoryzując je jako karty w kolumnach wyboru, dzięki czemu możesz spojrzeć na większe projekty jako całość.
  • Wysoki poziom bezpieczeństwa: Możesz zaufać Github, aby zapewnić bezpieczeństwo danych i trudniej jest naruszać niż większość innych systemów zarządzania projektami.

Konfigurowanie projektu

Jeśli przejdziesz do Githuba, a następnie udaj się do jednego z twoich repozytoriów, zobaczysz kartę, która nazywana jest projektami. Stamtąd możesz wybrać nowy projekt, skonfiguruj swoje dane projektu i utworzyć nowy szablon projektu.

Jeśli teraz wybierzesz kartę problemów, która jest wzdłuż górnej i wybierz Nowy problem, będziesz mógł utworzyć nowy problem. Następnie możesz zastosować różne etykiety - to takie rzeczy jak błąd, wzmocnienie, pytanie i duplikaty. Możesz także użyć wzmocnienia nowej funkcji lub żądania. Następnie możesz przypisać różnych członków zespołu do zadania, kamień milowy, a także projekt, który właśnie stworzyłeś.

Przypisani członkowie będą mieli listę wszystkich ich zadań, a nawet użyjesz tablicy projektu, aby utrzymać utwór, który jest obecnie budowany. Jeśli pamiętasz nasze wcześniejszy samouczek, rozmawialiśmy o przeprowadzce biletów na sprint zaległości i walidacja. Tak więc Github działa naprawdę dobrze jako narzędzie do nadzorowania projektu.

Ten artykuł został pierwotnie opublikowany w wydaniu 311 z netto , Najlepiej sprzedający się magazyn na świecie dla projektantów stron internetowych i programistów. Kup problem 311 tutaj lub Subskrybuj tutaj .

Powiązane artykuły:

  • Jak odnieść sukces jako freelance deweloper
  • Rozwijaj składniki reagowania wielokrotnego użytku
  • 4 wskazówki dotyczące rozwijania umiejętności deweloperów

Jak - Najpopularniejsze artykuły

4 kroki do stosowania zmiennych czcionek

Jak Feb 1, 2026

(Kredyt obrazu: przyszłość) Zmienne czcionki umożliwiają projektantom czcionki do definiowania różnic typu w s..


Utwórz ilustrowane portrety ze zdjęć

Jak Feb 1, 2026

Studiowałem sztukę piękną i Techniki malowania I przez długi czas był całkowicie przeciwko pomysłem cyfrow..


Zrób trawę w Unreal Silnik

Jak Feb 1, 2026

Podczas tworzenia wizualizacji architektonicznej musisz reprezentować wiele szczegółów, a jednym z najbardziej czasochłonnyc..


Jak mieszać palety gwaszowej

Jak Feb 1, 2026

Guasz jest bardziej wybaczający niż farba akwarelowa, ale decyzje, które wprowadzasz wcześnie, może nadal wpływać na reszt..


Utwórz doskonale geometryczne projektowanie logo w programie Illustrator

Jak Feb 1, 2026

W tym krótkim Samouczek Illustrator. , projektant Będzie Paterson. Przechodzi przez to, jak stwor..


Utwórz prysznic meteor w 3DS max

Jak Feb 1, 2026

Jeśli chcesz wykonać prysznic Meteor 3D dla sceny lub projektu, możesz łatwo renderować fotorealistyczne prysznic meteor w d..


Najlepsze wskazówki dotyczące rzeźbienia stworzenia w Zbrush

Jak Feb 1, 2026

Pokazać budowę stworzenia w Zbrush, używam tego kawałka 3d art. Pracuję nad, zaprojektowany przez Cre..


Utwórz interaktywne wykresy w jonowym 2

Jak Feb 1, 2026

Kiedy pracujesz w małym zespole, trudno jest napisać i utrzymywać oddzielny kod dla Androida, iOS i okien. Tam pojawiają się..


Kategorie