Korzystanie z systemu Git w programie Dreamweaver

Dreamweaver obsługuje Git, system kontroli wersji o otwartym dostępie, który umożliwia zarządzanie kodem źródłowym. Integracja programu Dreamweaver z systemem Git umożliwia niezależną pracę nad kodem z dowolnego miejsca i późniejsze scalanie wprowadzonych przez siebie zmian z centralnym repozytorium. Git ułatwia śledzenie wszystkich modyfikacji pliku i umożliwia przywracanie poprzedniej wersji.

Repozytoria Git przydają się także podczas pracy zespołowej, ponieważ ułatwiają tworzenie i utrzymywanie gałęzi. Pozwala to na przykład projektantowi pracować nad zmianami projektu serwisu, podczas gdy inny członek zespołu zajmuje się zgłoszonymi wnioskami o zmiany w tym samym serwisie. Obie osoby mogą pracować niezależnie od siebie, korzystając z systemu Git. W takim przypadku każdy z użytkowników może niezależnie utworzyć gałąź i wprowadzać zmiany w swoim lokalnym repozytorium. Repozytorium lokalne zawiera pełną historię wprowadzonych przez Ciebie zmian wersji źródłowej. W dowolnym momencie można zatrzymać postęp i scalić te zmiany z repozytorium centralnym. Dzięki temu repozytorium centralne będzie zawsze zawierać najnowszą wersję kodu, uwzględniającą zmiany wprowadzone przez obu użytkowników.

W dalszej części tego artykułu podano informacje pozwalające rozpocząć korzystanie z systemu Git w programie Dreamweaver.

Nowi użytkownicy systemu Git muszą najpierw pobrać oprogramowanie klienta i utworzyć konto Git. Klient Git jest niezbędny, aby można było rozpocząć używanie funkcji Git w programie Dreamweaver.

Jeśli masz już konto w systemie Git, zaloguj się na nie. Pamiętaj także, że na komputerze musi być zainstalowany klient Git. 

Wykonaj następujące czynności, aby rozpocząć korzystanie z systemu Git w programie Dreamweaver.

Panel Git

Zaleca się zainstalowanie klienta Git z użyciem domyślnej konfiguracji ustawień. Program Dreamweaver automatycznie wybiera wówczas ścieżkę pliku wykonywalnego.

Można teraz uruchomić program Dreamweaver i powiązać serwis z repozytorium Git.

Operacje Git w programie Dreamweaver wykonuje się na panelu Git (Okna > Git). Za pomocą tego panelu użytkownik programu Dreamweaver może wykonywać typowe operacje Git, takie jak zatwierdzanie, publikowanie, podejmowanie i pobieranie.

Powiązanie serwisu z systemem Git

Aby rozpocząć korzystanie z systemu Git w programie Dreamweaver, należy najpierw powiązać serwis ze swoim repozytorium Git. Repozytorium Git funkcjonuje jak folder, który ułatwia śledzenie zmian w pliku. Można utworzyć dowolną liczbę repozytoriów Git na własnym komputerze. Każde takie repozytorium jest niezależne. Oznacza to, że zmiany zapisane w jednym repozytorium Git nie wpływają na zawartość pozostałych.

Aby powiązać serwis internetowy z repozytorium, można utworzyć repozytorium albo sklonować istniejące. Gdy inicjuje się lub tworzy repozytorium, w bieżącym katalogu roboczym powstaje nowe repozytorium Git z plikiem .gitignore.

Natomiast w przypadku sklonowania istniejącego repozytorium Git wszystkie pliki z tego repozytorium macierzystego zostaną skopiowane do systemu lokalnego.

Poniżej podano szczegółowe instrukcje inicjowania i klonowania repozytoriów Git.

Inicjowanie repozytorium Git

Rozpoczynając pracę z systemem Git w programie Dreamweaver, należy na początek utworzyć repozytorium. Zainicjowanie repozytorium Git na potrzeby serwisu polega na utworzeniu repozytorium i dodaniu do niego plików powiązanych z serwisem programu Dreamweaver.

Klonowanie istniejącego repozytorium

Jeśli korzystasz już z istniejącego repozytorium Git w serwisie Github, Bitbucket lub innym popularnym serwisie hostingu, możesz wykonać następującą procedurę, aby sklonować to repozytorium za pomocą programu Dreamweaver. Klonowanie istniejącego repozytorium polega na utworzeniu jego kopii w systemie lokalnym.

Korzystanie z systemu Git w celu kontroli wersji

Po powiązaniu serwisu programu Dreamweaver z repozytorium Git można będzie wyświetlać pliki Git na panelu Pliki (w widoku Git). System Git klasyfikuje pliki w repozytorium lokalnym w następujący sposób:

• Nieśledzone: pliki, które ani razu nie zostały zatwierdzone w repozytorium Git. Po zainicjowaniu repozytorium Git pliki będą miały status nieśledzonych, dopóki nie zostaną zatwierdzone.
• Niezmodyfikowane: pliki, które nie zostały zmodyfikowane.
• Zmodyfikowane: pliki, które były edytowane.
• W poczekalni: pliki, które zostały zmodyfikowane i są gotowe do zatwierdzenia.

Za pomocą systemu Git można śledzić modyfikacje plików. Pliki zmodyfikowane w systemie lokalnym są na panelu Pliki wyświetlane w innym kolorze. Można je dwukrotnie kliknąć i otworzyć w widoku Kod, gdzie na marginesie kolumny będą widoczne oznaczenia wierszy, które uległy modyfikacji. Zmodyfikowane pliki można zatwierdzić w systemie Git, aby zsynchronizować zmiany.

Podczas zatwierdzania plików można wprowadzić komentarz do każdej operacji zatwierdzania oraz przejrzeć zmiany za pomocą funkcji Git Diff. Można również wyświetlić historię wersji każdego z plików oraz całego repozytorium.

Poniżej podano instrukcje śledzenia modyfikacji w programie Dreamweaver oraz zatwierdzania zmian w Git.

Śledzenie zmian w systemie Git

Na panelu Pliki w programie Dreamweaver będzie widoczna ikona Git, która umożliwia przełączanie widoków FTP oraz Git. Kliknij tę ikonę, aby włączyć widok Git.

Jeśli zostało zainicjowane repozytorium Git i nie zatwierdzono plików, to będą one miały status nieśledzonych. Jeśli jednak po zainicjowaniu repozytorium zatwierdzono pliki, to będą one rozpoznawane przez system Git.

Jeśli wszystkie pliki zostały sklonowane z innego repozytorium, to zostaną rozpoznane przez system Git.

Pliki zmodyfikowane i zapisane w systemie lokalnym są na panelu Pliki wyświetlane w innym kolorze. Aby wyświetlić dokładne zmiany w widoku Kod, dwukrotnie kliknij zmodyfikowany plik

Znacznik na marginesie kolumny wskazuje wiersze, w których wprowadzono zmiany. Zielony znacznik wskazuje, że dodano nowy kod. Żółty znacznik wskazuje, że kod został zmodyfikowany, a znacznik w kolorze czerwonym oznacza, że wiersz kodu został usunięty.

Po kliknięciu żółtego symbolu na marginesie aplikacja wyświetli zmianę w kodzie. Usunięty wiersz kodu jest wyświetlany na czerwono, a dodany wiersz kodu na zielono.

W lewym rogu usuniętych wierszy kodu znajduje się symbol R. Można go kliknąć, aby przywrócić usunięty kod do pliku.

Przed zatwierdzeniem modyfikacji w repozytorium Git można wyświetlić listę różnic i przejrzeć zmiany, korzystając z symboli na marginesie.

Wyświetlanie listy różnic w zmodyfikowanych plikach

Po otwarciu panelu Git jest na nim widoczna lista zmodyfikowanych plików. Klikając plik na tej liście, można wyświetlić zmiany wprowadzone w pliku w porównaniu z poprzednią zatwierdzoną wersją (jest to tzw. operacja Diff). Aby wyświetlić listę różnic w pliku, wykonaj jedną z następujących czynności na panelu Git:

• Kliknij poszczególne pliki, aby wyświetlić wprowadzone w nich zmiany. Wcześniejsza wersja jest oznaczona czerwonym podświetleniem, a nowo wprowadzone zmiany — zielonym podświetleniem.
• Zaznacz plik, aby wyświetlić dla niego listę różnic. Kliknij ikonę (Diff). Zostanie wyświetlone okno dialogowe Git Diff, w którym widoczne będą zmiany podświetlone na czerwono i zielono.

Zatwierdzanie zmian

Wycofywanie zmian

Jeśli zatwierdzono już zmiany, ale trzeba wrócić do wcześniejszej wersji pliku, wykonaj następujące czynności:

Tworzenie znaczników

Podczas zatwierdzania zmian w systemie Git można dodawać znaczniki. Takie znaczniki umożliwiają oznaczanie ważnych operacji zatwierdzania. Może to być na przykład sytuacja, w której plik jest odkładany po edycji, podczas której wprowadzono istotną zmianę zgodnie z życzeniem klienta. Znaczniki pełnią rolę punktów odniesienia, wskazujących konkretną operację zatwierdzenia.

Wyświetlanie historii pliku

Podczas zatwierdzania pliku w Git można zawsze wyświetlić jego historię oraz szczegółowe dane operacji zatwierdzania. Funkcja ta ułatwia znajdowanie ważnych operacji zatwierdzania oraz znaczników powiązanych z takimi operacjami.

1. Wykonaj jedną z następujących czynności na panelu Git:

• Zaznacz odpowiedni plik i kliknij ikonę  (Pokaż historię pliku).
• Kliknij plik na panelu Pliki prawym przyciskiem myszy i wybierz polecenie Historia pliku.

Program wyświetli historię zaznaczonego pliku w systemie Git. Za pomocą tego samego okna dialogowego można także wyświetlić szczegółowe informacje o operacji zatwierdzania danego pliku.

Wyświetlanie historii repozytorium

Oprócz wyświetlenia historii pliku w systemie Git można również przejrzeć historię wszystkich zmian na poziomie repozytorium. System umożliwia wyświetlanie historii wszystkich zmian i operacji zatwierdzania wprowadzonych na poziomie repozytorium. Aby wyświetlić historię repozytorium, wykonaj następujące czynności:

Korzystanie z systemu Git jako narzędzia współpracy

Jedną z wyjątkowych funkcji systemu Git jest obsługa gałęzi. W przeciwieństwie do większości systemów kontroli wersji, gałąź Git można porównać z niezależną linią historii wszystkich powiązanych plików lub kodu. Repozytorium zawiera domyślnie jedną gałąź, nazywaną gałęzią „główną”. Jest to podstawowa gałąź definiująca obowiązującą wersję. Od tej gałęzi głównej można tworzyć kolejne odgałęzienia i wprowadzać w nich zmiany.

Można również utworzyć rozgałęzienie od innej gałęzi, co powoduje powstanie kopii tej gałęzi nadrzędnej. W każdej z tych gałęzi można pracować niezależnie, pozostając w tym samym repozytorium Git. Oznacza to, że w jednej gałęzi można na przykład opracowywać nową funkcję serwisu, a w innej wprowadzać żądane zmiany.

Git umożliwia również scalanie gałęzi, dzięki czemu zmiany wprowadzone w gałęzi bieżącej mogą zostać włączone do gałęzi docelowej. Po scaleniu obie gałęzie nadal istnieją niezależnie od siebie. Można zatem kontynuować pracę zarówno w gałęzi nadrzędnej, jak i docelowej.

Gdy nad serwisem w programie Dreamweaver pracuje jednocześnie wielu programistów i projektantów, każdy użytkownik może utworzyć własne rozgałęzienie od gałęzi głównej i wprowadzać zmiany niezależnie od innych. Gdy to konieczne, użytkownicy mogą łatwo scalić swoje zmiany z inną gałęzią, a następnie dalej pracować każdy we własnej gałęzi.

W poniższych sekcjach podano więcej informacji o tworzeniu gałęzi i zarządzaniu nimi w systemie Git:

Tworzenie gałęzi w systemie Git

Scalanie gałęzi

Praca ze zdalnymi repozytoriami

Zdalne repozytoria Git to wersje projektu udostępniane w innej sieci. Aby uzyskać dostęp do takiego repozytorium zdalnego, należy utworzyć do niego połączenie. W zależności od uprawnień dostępu zdefiniowanych w repozytorium zdalnym może to być dostęp tylko do odczytu lub dostęp z możliwością zapisu.

Repozytoria zdalne ułatwiają pracę zespołową, związaną z publikowaniem i podejmowaniem danych z innych repozytoriów. Na panelu Git w programie Dreamweaver można utworzyć zdalne połączenie oraz wykonywać kilka operacji Git, takich jak pobieranie, publikowanie, podejmowanie i odświeżanie repozytorium zdalnego.

Poniżej przedstawiono procedurę tworzenia repozytoriów zdalnych w systemie Git i zarządzania nimi.

Dodawanie zdalnego repozytorium

Dodanie repozytorium zdalnego umożliwia udostępnianie swoich plików i postępów w pracy oraz uzyskiwanie dostępu do plików projektu znajdujących się w innej sieci. Dodanie takiego repozytorium polega na nawiązaniu zdalnego połączenia z repozytorium docelowym. Program Dreamweaver umożliwia tworzenie zdalnych repozytoriów za pomocą panelu Git.

Zanim dodasz repozytorium zdalne, upewnij się, że włączono w nim ustawienia publiczne.

Zarządzanie repozytoriami zdalnymi

Po dodaniu repozytorium zdalnego i nawiązaniu połączenia można będzie pobierać i podejmować pliki z niego do własnego repozytorium lokalnego. Można będzie także opublikować swoje pliki w tym repozytorium zdalnym. Na początek należy jednak pobrać pliki z repozytorium zdalnego. Dopiero potem będzie można wykonać po raz pierwszy operację publikowania w Git.

Pamiętaj, aby zatwierdzić wszystkie pliki w repozytorium lokalnym, zanim podejmiesz próbę ich publikacji. Jeśli repozytorium lokalne zawiera pliki w poczekalni, operacja publikacji w Git zakończy się niepowodzeniem. 

W programie Dreamweaver można wykonywać następujące operacje Git:

Pobierz wszystko

Kliknij ikonę , aby pobrać wszystkie pliki ze wszystkich połączeń zdalnych. Zaleca się wykonanie operacji pobierania z Git przed operacjami publikowania lub podejmowania. Operacja ta pobiera tylko pliki z repozytorium zdalnego, nie modyfikuje natomiast plików lokalnych.

Podejmowanie plików z repozytorium zdalnego

Zmiany można podejmować z jednego repozytorium albo z grupy wielu repozytoriów. Po kliknięciu ikony Podejmij z Git zostanie wyświetlone okno dialogowe Podejmij z Git, zawierające szereg opcji.

Publikowanie plików w repozytorium zdalnym

Gdy zostanie nawiązane połączenie z repozytoriami zdalnymi, system Git będzie rejestrować zmiany wprowadzane w plikach i operacje zatwierdzenia tych plików. Ikona (Publikuj w Git) na panelu Git bezpośrednio wskazuje liczbę plików, które zostały zmodyfikowane. Pliki te można teraz opublikować w repozytorium zdalnym.

Podczas operacji publikowania w Git zatwierdzone pliki z repozytorium lokalnego są publikowane w repozytorium zdalnym.

Aby opublikować pliki za pomocą programu Dreamweaver:

Wyszukiwanie plików na panelu Git

Pasek wyszukiwania na panelu Git umożliwia szukanie plików według ich nazwy. Jest to szczególnie przydatne w sytuacji, gdy z serwisem jest powiązanych wiele plików.

Aby wyszukać plik, po prostu wpisz jego nazwę na pasku Szukaj. Spowoduje to wyświetlenie listy plików zawierających wyszukiwany termin.

Uzupełnianie listy ignorowanych plików

Jeśli nie chcesz, aby system Git przetwarzał dany plik, możesz dodać ten plik do listy .gitignore. Przeprowadzając operacje (takie jak zatwierdzanie, publikowanie i podejmowanie), system Git ignoruje pliki w tym folderze. Plik .gitignore należy zatwierdzić w repozytorium, tak aby każdy użytkownik klonujący to repozytorium dysponował również listą plików w folderze .gitignore.

Aby dodać pliki do listy .gitignore, otwórz panel Pliki w programie Dreamweaver. Zaznacz plik, który ma być ignorowany przez system Git, i kliknij go prawym przyciskiem myszy. Następnie wybierz opcje Git > Dodaj do .gitignore.

Aby w dowolnym momencie usunąć plik z listy .gitignore, zaznacz go na panelu Pliki, kliknij prawym przyciskiem myszy i wybierz opcje Git > Usuń z .gitignore.

Pamiętaj o zatwierdzeniu pliku .gitignore w repozytorium lokalnym oraz zdalnym po wprowadzeniu w nim zmian.

Korzystanie z systemu Git za pomocą wiersza poleceń

We wcześniejszej wersji tego artykułu omówiono sposób używania panelu Git (interfejsu użytkownika) w celu wykonywania takich zadań, jak powiązanie repozytorium Git ze swoim serwisem, tworzenie zdalnych połączeń i zarządzanie nimi, publikowanie i podejmowanie plików z repozytorium. Te i inne zadania można również wykonać za pomocą poleceń Git.

Aby wykonać dowolną operację Git za pomocą terminalu, wykonaj jedną z następujących czynności:

• Wybierz polecenie Okno > Git i kliknij ikonę Otwórz konsolę Bash / terminalu.
• Otwórz panel Pliki i włącz widok Git. Kliknij ikonę Otwórz terminal Git obok rozwijanej listy repozytoriów.

Opis popularnych poleceń Git zawiera dokumentacja Git Cheat Sheet. 

Niektóre działania wykonywane z wiersza poleceń, na przykład inicjowanie repozytorium, są odzwierciedlane również w interfejsie programu Dreamweaver.

Pliki można również zmodyfikować za pomocą wiersza poleceń w sytuacji, gdy program Dreamweaver nie jest otwarty. W takim przypadku przy następnym uruchomieniu tego programu zostanie wyświetlony następujący komunikat:

Ustawianie preferencji systemu Git w programie Dreamweaver

Preferencje Git w programie Dreamweaver umożliwiają zdefiniowanie niektórych ustawień związanych z korzystaniem z tego systemu. Za pomocą okna dialogowego Preferencje można ustawiać takie opcje Git, jak ścieżka do terminalu, ustawienia limitu czasu itd.