CodeGym /Kurs Javy /Frontend SELF PL /Praca z GitHub z IntelliJ IDEA

Praca z GitHub z IntelliJ IDEA

Frontend SELF PL
Poziom 20 , Lekcja 2
Dostępny

10.1 Klonowanie repozytorium

Pamiętasz, jak mówiłem o 3 miejscach przechowywania plików? Zdalne repozytorium, lokalne repozytorium i katalog roboczy.

A teraz, musisz sklonować swoje zdalne repozytorium (które stworzyłeś na GitHub) do swojego lokalnego repozytorium (repozytorium na twoim komputerze).

Więc uruchom IntelliJ IDEA i zaczynamy…

Krok 1. Jeśli jeszcze nie tworzyłeś projektów, wybierz przycisk:

IntelliJ IDEA

Jeśli tworzyłeś, to:

IntelliJ IDEA

Krok 2. Podaj url swojego zdalnego repozytorium, które chcesz sklonować na komputer.

Taki sposób jest przydatny, jeśli klonujesz czyjeś repozytorium.

IntelliJ IDEA

Jeśli klonujesz swoje, będzie łatwiej zalogować się na GitHub przez IntelliJ IDEA:

IntelliJ IDEA

Krok 3. Nikomu nie można ufać. Nawet sobie.

IntelliJ IDEA ostrzega, żeby nie uruchamiać kodu z nieznanych repozytoriów. Ponieważ to twoje własne repozytorium, zaznaczamy pole ufać. IntelliJ IDEA

Krok 4. Standardowy antywirus w Windows ostrzega, że pojawiły się jakieś nieznane pliki. Antywirus w ogóle nie lubi nieznanych mu programów.

ALE! Zamierzamy tworzyć te programy, więc prosimy IDE, aby powiedział antywirusowi, żeby nie blokował twoich przyszłych programów. Kliknij przycisk "Automatically", a potem — "YES".

IntelliJ IDEA

10.2 Pierwszy commit

Jeśli sklonowałeś nowo utworzone repozytorium, będzie ono zawierać tylko jeden plik — README.md

Krok 1. Otwórz plik README.md

Ważne!

Rozszerzenie md oznacza Markdown — to taki prymitywny format stylizacji plików tekstowych. Możesz zobaczyć, jak to działa, klikając przycisk w prawym górnym rogu.

IntelliJ IDEA

Zmień ten plik tak, jak chcesz: możesz napisać dowolną wiadomość powitalną lub opis repozytorium.

Krok 2. Po wprowadzeniu zmian w pliku, IntelliJ IDEA wyświetli go na niebiesko w drzewie plików po lewej. Niebieskim kolorem oznaczane są wszystkie zmienione pliki, jeśli zmiany w twoim katalogu roboczym nie zostały jeszcze wprowadzone do lokalnego repozytorium.

IntelliJ IDEA

Krok 3. Commit

Po wprowadzeniu wszystkich planowanych zmian w pliku lub plikach (i upewnieniu się, że są one poprawne), musimy wgrać je do twojego lokalnego repozytorium git. Na razie znajdują się tylko w twoim katalogu roboczym.

Aby to zrobić, musisz kliknąć przycisk Commit i zaznaczyć wszystkie pliki, których zmiany chcesz wprowadzić do lokalnego repozytorium:

IntelliJ IDEA

Krok 4. Na dole po lewej dodaj komentarz opisujący twoje zmiany:

IntelliJ IDEA

Krok 5. I kliknij przycisk "Commit".

Krok 6. Sprawdzenie

Przełącz się na swój projekt i sprawdź: jeśli pliki przestały być niebieskie, to znaczy, że wszystkie zmiany w twoim katalogu roboczym zostały pomyślnie wprowadzone do twojego lokalnego repozytorium.

IntelliJ IDEA

10.3 Praca z plikami

Krok 1. Stwórz kilka plików w IntelliJ IDEA.

IntelliJ IDEA

Piszemy kod HTML – niech to będą pliki:

  • main.html
  • index.html

Krok 2. Dodaj plik do lokalnego repozytorium.

Jak tylko IntelliJ IDEA zobaczy, że stworzyłeś plik, od razu zaproponuje dodanie go do twojego lokalnego repozytorium. IntelliJ IDEA śledzi zmiany tylko tych plików w twoim katalogu roboczym, które już znajdują się w twoim lokalnym repozytorium — tylko je będzie oznaczać na niebiesko.

Jeśli plik jest w twoim katalogu roboczym, ale w lokalnym repozytorium go nie ma, zostanie oznaczony na czerwono — jak na rysunku poniżej:

IntelliJ IDEA

W zasadzie możesz zawsze naciskać Add, ale w tym przypadku naciśnijmy "Cancel", a potem dodajmy plik ręcznie, żebyś wiedział, jak to zrobić.

Krok 3. Napisz w pliku swój ulubiony kod.

Ja na przykład napisałem: <h1>FIRST COMMIT</h1>

Krok 4. Teraz dodajmy nasz plik main.html do lokalnego repozytorium.

Po prostu kliknij w dowolnym miejscu pliku prawym przyciskiem myszy i wybierz Git-> Add File

IntelliJ IDEA

Jeśli wszystko poszło dobrze, dodany plik będzie świecić się na zielono:

IntelliJ IDEA

Krok 5

. Następnie commitujemy go według starej procedury:

IntelliJ IDEA

10.4 Pierwszy push

Teraz musimy wgrać nasze zmiany w lokalnym repozytorium do zdalnego repozytorium na GitHub. Kiedy kilku programistów pracuje nad jednym projektem, w ten sposób synchronizują swoje zmiany kodu.

Krok 1. Kliknij przycisk Push.

Tak naprawdę to bardzo proste: wystarczy, że skorzystasz z przycisku Push w górnym menu swojej IDE:

Kliknij przycisk Push

Krok 2. Potwierdź wprowadzone commity.

Na tym etapie możesz przejrzeć wszystkie wprowadzone zmiany i upewnić się, że przypadkowo nie zepsułeś czegoś ważnego. Lub nie zapomniałeś dodać pliku, od którego zależą inne pliki.

Potwierdź wprowadzone commity

Krok 3. Sprawdź.

Jeśli wszystko poszło dobrze, zobaczysz takie właśnie wiadomości jak ta:

Jeśli wszystko poszło dobrze, zobaczysz takie właśnie wiadomości jak ta

Krok 4. A teraz otwórz swoje repozytorium na GitHub i sprawdź:

IntelliJ IDEA

Magia technologii!

10.5 Używanie plików gitignore

Jeśli dodałeś do projektu jakieś pliki pomocnicze i nie chcesz, żeby przypadkowo znalazły się na GitHub, możesz dodać je do wykluczeń. Do tego służy plik o nazwie „.gitignore”. To bardzo proste i wygodne.

Używanie plików gitignore
Komentarze
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION