Ćwiczenie — Rozpoczynanie projektu

Ukończone

Teraz, gdy poświęciliśmy czas na naukę podstawowych poleceń git, przejdźmy do tworzenia projektu w narzędziu git.

W kolejnych ćwiczeniach zaczniesz korzystać z usługi Git, dodając prosty plik HTML do drzewa roboczego. Następnie wprowadzisz pewne zmiany w katalogu i dowiesz się, jak zatwierdzić zmiany.

Tworzenie i dodawanie (przygotowywanie) pliku

Usługa Git nie robi zbyt wiele z pustymi katalogami, więc dodajmy plik do drzewa roboczego, aby służyć jako strona główna witryny sieci Web zdjęć kotów.

1. Upewnij się, że sesja usługi Cloud Shell jest nadal aktywna i że jesteś w folderze repozytorium o nazwie Cats.

2. Użyj polecenia touch, aby utworzyć plik o nazwie index.html:

   touch index.html
   

   touch aktualizuje czas ostatniej modyfikacji pliku, jeśli plik istnieje. Jeśli plik nie istnieje, usługa Git tworzy pusty plik o tej nazwie pliku.

3. Teraz użyj polecenia git status , aby uzyskać stan drzewa roboczego:

   git status
   

   Usługa Git odpowiada, informując Cię, że nic nie zostało zatwierdzone, ale katalog zawiera nowy plik:

   No commits yet
   
   Untracked files:
     (use "git add <file>..." to include in what will be committed)
   
       index.html
   
   nothing added to commit but untracked files present (use "git add" to track)
   

   Zauważ, że polecenie git status przedstawia wskazówki dotyczące tego, co możesz zrobić dalej. Usługę Git można skonfigurować tak, aby była mniej „gadatliwa”, ale na tym etapie im więcej, tym lepiej.

4. Użyj git add polecenia , aby dodać nowy plik do indeksu usługi Git, a następnie git status sprawdzić stan. Nie zapomnij postawić kropki na końcu polecenia. Nakazuje usłudze Git indeksowanie wszystkich plików w bieżącym katalogu, które zostały dodane lub zmodyfikowane.

   git add .
   

   Zatwierdzenie zostało przygotowane. Indeks usługi Git jest obszarem przejściowym dla zatwierdzeń. Jest to lista wszystkich wersji plików, które będą częścią następnego zatwierdzenia.

   Zamiast używać polecenia , można było użyć git add .git add index.html polecenia , ponieważ index.html był jedynym nowym plikiem w katalogu. Ale gdyby dodano kilka plików, git add . obejmowałoby je wszystkie.

5. Na koniec ponownie użyj polecenia git status , aby upewnić się, że zmiany zostały prawidłowo przygotowane:

   git status
   

6. Powinny zostać wyświetlone dane wyjściowe podobne do tego przykładu:

   On branch main
   
   Initial commit
   
   Changes to be committed:
     (use "git rm --cached <file>..." to unstage)
   
       new file:   index.html
   

Wykonywanie pierwszego zatwierdzenia

Teraz, gdy plik index.html został dodany do indeksu, następnym krokiem jest jego zatwierdzenie.

1. Utwórz zatwierdzenie za pomocą następującego polecenia:

   git commit index.html -m "Create an empty index.html file"
   

   Flaga -m w tym poleceniu mówi usłudze Git, że podajesz komunikat zatwierdzenia.

   Istnieje wiele różnych sposobów redagowania komunikatu zatwierdzenia, jednak dobrym rozwiązaniem jest zapisanie pierwszego wiersza w taki sposób, aby informował o tym, jak zatwierdzenie wpływa na drzewo. Typowe jest także rozpoczynanie wielką literą i opuszczanie kropki w celu zaoszczędzenia miejsca. Załóżmy, że pierwszy wiersz komunikatu kończy zdanie rozpoczynające się od „Po wypchnięciu to zatwierdzenie...”

   Komunikat zatwierdzenia może zawierać wiele wierszy. Pierwszy wiersz nie powinien mieć więcej niż 50 znaków, a po nim powinien następować pusty wiersz. Kolejne wiersze nie mogą zawierać więcej, niż 72 znaki. Te wymagania nie są solidne i z powrotem do czasów kart ciosowych i "głupich" terminali, ale sprawiają, że git log dane wyjściowe wyglądają lepiej.

2. Usługa Git odpowiada z potwierdzeniem tego, co zrobiłeś:

   [main (root-commit) 87e874c] Create an empty index.html file
    1 file changed, 0 insertions(+), 0 deletions(-)
    create mode 100644 index.html
   

3. Postępuj zgodnie z poleceniem git status i upewnij się, że drzewo robocze jest czyste — oznacza to, że drzewo robocze nie zawiera żadnych zmian, które nie zostały zatwierdzone.

4. Teraz użyj git log polecenia , aby wyświetlić informacje o zatwierdzeniu:

   git log
   

5. Odpowiedź usługi Git powinna wyglądać mniej więcej tak:

   commit 87e874c4aeeb3f9692ae5d9875235353708d7dd5
   Author: User Name <user-name@contoso.com>
   Date:   Fri Nov 15 20:47:05 2019 +0000
   
   Create an empty index.html file
   

Modyfikowanie pliku index.html i zatwierdzanie zmiany

index.html została utworzona, aby służyć jako strona główna witryny internetowej, ale jest ona obecnie pusta. Następnym krokiem jest dodanie do niego kodu HTML. Zaczniemy od prostego użycia wbudowanego edytora usługi Cloud Shell w celu dodania pojedynczego wiersza kodu HTML.

1. Otwórz plik index.html w edytorze online, wpisując code index.html w wierszu polecenia:

   code index.html
   

2. Wpisz lub wklej następujące instrukcje w edytorze:

   <h1>Our Feline Friends</h1>
   

3. Zapisz plik i zamknij edytor online. Możesz wybrać wielokropek "..." w prawym rogu edytora usługi Cloud Shell lub użyj skrótu (Ctrl+S w systemach Windows i Linux, Cmd+S w systemie macOS).

4. git status Użyj polecenia , aby sprawdzić stan drzewa roboczego:

   git status
   

5. Zobaczysz, że usługa Git wie o wprowadzonych zmianach:

   On branch main
   Changes not staged for commit:
     (use "git add <file>..." to update what will be committed)
     (use "git checkout -- <file>..." to discard changes in working directory)
   
       modified:   index.html
   
   no changes added to commit (use "git add" and/or "git commit -a")
   

6. Teraz zatwierdź zmiany:

   git commit -a -m "Add a heading to index.html"
   

   Pamiętaj, że tym razem nie uruchomiliśmy git add polecenia w celu przygotowania zmian. Zamiast tego użyliśmy flagi -a w poleceniu git commit. Opcja -a dodaje wszystkie pliki zmodyfikowane od ostatniego zatwierdzenia. Nie dodaje ona nowych plików. Aby dodać nowe pliki, nadal potrzebujesz polecenia git add.

7. Sprawdź dane wyjściowe. Powinien on wyglądać następująco:

   [main 8c9143a] Add a heading to index.html
    1 file changed, 1 insertion(+)
   

Zmiana pliku index.html została zatwierdzona. Istnieją teraz dwie wersje pliku w repozytorium, chociaż widzisz tylko jedną z nich (bieżącą). Jedną z zalet korzystania z usługi Git jest możliwość wycofania wprowadzonych zmian lub przechodzenia wstecz w czasie i wyświetlenia poprzednich wersji. Więcej informacji na ten ważny temat przedstawimy później.