CodeGym /Java Kurs /Frontend SELF DE /Arbeiten mit GitHub aus IntelliJ IDEA

Arbeiten mit GitHub aus IntelliJ IDEA

Frontend SELF DE
Level 20 , Lektion 2
Verfügbar

10.1 Repository klonen

Erinnere dich, ich habe dir über die 3 Speicherorte für Dateien erzählt? Remote-Repository, lokales Repository und Arbeitsverzeichnis.

Also, jetzt musst du dein Remote-Repository (das du auf GitHub erstellt hast) in dein lokales Repository (Repository auf deinem Computer) klonen.

Also starte IntelliJ IDEA und los geht's…

Schritt 1. Wenn du noch keine Projekte erstellt hast, wähle den Button:

IntelliJ IDEA

Wenn du welche erstellt hast, dann:

IntelliJ IDEA

Schritt 2. Gib die URL deines Remote-Repositorys an, das du auf den Computer klonen möchtest.

Diese Methode ist nützlich, wenn du das Repository von jemand anderem klonierst.

IntelliJ IDEA

Wenn du dein eigenes klonierst, ist es einfacher, sich über IntelliJ IDEA bei GitHub anzumelden:

IntelliJ IDEA

Schritt 3. Niemandem kann man trauen. Nicht einmal sich selbst.

IntelliJ IDEA warnt, dass du keinen Code aus unbekannten Repositories ausführen sollst. Da dies dein eigenes Repository ist, setzen wir das Häkchen bei vertrauen.

IntelliJ IDEA

Schritt 4. Der Standard-Antivirus in Windows warnt, dass unbekannte Dateien erschienen sind. Antivirus mag generell keine Programme, die ihm unbekannt sind.

ABER! Wir wollen genau diese Programme erstellen, also bitten wir die IDE, dem Antivirus zu sagen, dass er deine zukünftigen Programme nicht blockiert. Klicke auf den Button „Automatically“, und dann auf „YES“.

IntelliJ IDEA

10.2 Der erste Commit

Wenn du ein neu erstelltes Repository geklont hast, wird es nur eine Datei enthalten – README.md

Schritt 1. Öffne die Datei README.md

Wichtig!

Die Erweiterung md steht für Markdown – das ist ein einfacher Textformatierungsstil. Du kannst sehen, wie es funktioniert, indem du auf den Button in der rechten oberen Ecke klickst.

IntelliJ IDEA

Ändere diese Datei so, wie du möchtest: Du kannst eine beliebige Begrüßungsnachricht oder eine Beschreibung des Repositorys schreiben.

Schritt 2. Nachdem du Änderungen in der Datei vorgenommen hast, wird IntelliJ IDEA sie im Dateibaum links in blauer Farbe anzeigen. Geänderte Dateien werden in Blau angezeigt, wenn die Änderungen in deinem Arbeitsverzeichnis noch nicht in das lokale Repository übertragen wurden.

IntelliJ IDEA

Schritt 3. Commit

Nachdem du alle geplanten Änderungen in die Datei oder die Dateien eingepflegt hast (und dich von ihrer Richtigkeit überzeugt hast), müssen wir sie in dein lokales git-Repository hochladen. Bisher befinden sie sich nur in deinem Arbeitsverzeichnis.

Hierfür musst du auf den Commit-Button klicken und alle Dateien markieren, deren Änderungen du in das lokale Repository übertragen möchtest:

IntelliJ IDEA

Schritt 4. Füge links unten einen Kommentar hinzu, der deine Änderungen beschreibt:

IntelliJ IDEA

Schritt 5. Klicke auf den Button „Commit“.

Schritt 6. Überprüfung

Wechsle zu deinem Projekt und schau nach: Wenn die Dateien nicht mehr in Blau leuchten, dann wurden alle Änderungen in deinem Arbeitsverzeichnis erfolgreich in dein lokales Repository übertragen.

IntelliJ IDEA

10.3 Arbeiten mit Dateien

Schritt 1. Lass uns ein paar Dateien in IntelliJ IDEA erstellen.

IntelliJ IDEA

Wir schreiben HTML-Code – also seien es die Dateien:

  • main.html
  • index.html

Schritt 2. Datei ins lokale Repository hinzufügen.

Sobald IntelliJ IDEA bemerkt hat, dass du eine Datei erstellt hast, wird sie sofort vorschlagen, deine Datei in dein lokales Repository hinzuzufügen. IntelliJ IDEA verfolgt nur die Änderungen derjenigen Dateien in deinem Arbeitsverzeichnis, die sich bereits in deinem lokalen Repository befinden — nur diese wird sie in blauer Farbe markieren.

Wenn die Datei in deinem Arbeitsverzeichnis, aber nicht in deinem lokalen Repository vorhanden ist, wird sie rot markiert — wie im Bild unten:

IntelliJ IDEA

Grundsätzlich kannst du immer auf Add klicken, aber lass uns diesmal auf „Cancel“ klicken und später die Datei manuell hinzufügen, damit du weißt, wie es geht.

Schritt 3. Schreibe in die Datei deinen Lieblingscode.

Ich habe zum Beispiel geschrieben: <h1>ERSTER COMMIT</h1>

Schritt 4. Lass uns jetzt unsere Datei main.html ins lokale Repository hinzufügen.

Klicke einfach irgendwo im Datei mit der rechten Maustaste und wähle Git-> Add File

IntelliJ IDEA

Wenn alles erfolgreich war, wird die hinzugefügte Datei grün leuchten:

IntelliJ IDEA

Schritt 5

. Danach committen wir sie wie gehabt:

IntelliJ IDEA

10.4 Erster Push

Jetzt müssen wir unsere Änderungen im lokalen Repository in das Remote-Repository auf GitHub hochladen. Wenn mehrere Programmierer an einem Projekt arbeiten, synchronisieren sie auf diese Weise ihre Codeänderungen.

Schritt 1. Klicke auf den Push-Button.

Tatsächlich ist es sehr einfach: Du musst einfach den Push-Button im oberen Menü deiner IDE benutzen:

Klicke auf den Push-Button

Schritt 2. Bestätige die vorgenommenen Commits.

In diesem Schritt kannst du alle vorgenommenen Änderungen überprüfen und sicherstellen, dass du nichts Wichtiges unbeabsichtigt zerstört hast. Oder dass du nicht vergessen hast, eine Datei hinzuzufügen, von der andere Dateien abhängen.

Bestätige die vorgenommenen Commits

Schritt 3. Überprüfen.

Wenn alles erfolgreich war, siehst du eine Nachricht wie diese:

Wenn alles erfolgreich war, siehst du eine Nachricht wie diese

Schritt 4. Öffne jetzt dein GitHub-Repository und überprüfe:

IntelliJ IDEA

Die Magie der Technologie!

10.5 Verwendung von .gitignore-Dateien

Wenn du in deinem Projekt einige Hilfsdateien hinzugefügt hast und nicht möchtest, dass sie versehentlich auf GitHub gelangen, kannst du sie zu den Ausschlüssen hinzufügen. Dafür gibt es eine Datei mit dem Namen „.gitignore“. Das ist sehr einfach und bequem.

Verwendung von .gitignore-Dateien
Kommentare
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION