‫Kursleiter: In diesem Video
‫stellen wir unseren gesamten Code auf GitHub, oder wie wir normalerweise
‫sagen, verschieben wir ihn in einen Remote-Zweig.
‫Um zu beginnen, gehen Sie zu github. com, und
‫sobald du eingeloggt bist,
‫klicke einfach hier auf diesen
‫Plus-Button und erstelle ein neues Repository.
‫Wenn die Seite zu dem Zeitpunkt, an dem Sie
‫sich dieses Video ansehen, etwas anders
‫aussieht, suchen Sie einfach irgendwo auf der Seite nach einem neuen Repository.
‫Okay, zuerst müssen Sie dem Repository einen
‫Namen geben.
‫Also nenne ich es hier
‫natours, was für
‫mich nicht möglich ist, weil ich bereits ein Natours-Repository
‫habe, also nenne ich es nur natours rec für die Aufnahme,
‫aber Sie können es einfach natours nennen.
‫Dann können wir auch eine Beschreibung hinzufügen,
‫was ich nicht
‫tun werde, und dann können wir sie auf öffentlich oder privat setzen.
‫Ich denke, dass im Moment sogar die
‫kostenlosen Konten private Repositorys haben können.
‫Private Repos können, wie der Name
‫schon sagt, nur Sie sehen und Sie können auch andere Personen einladen.
‫Bei öffentlichen Repos sind sie natürlich für
‫jeden sichtbar und somit perfekt für
‫Open Source Code geeignet.
‫In diesem Fall lasse ich es
‫einfach privat, dann belasse all diese Voreinstellungen,
‫und hier ist es sehr wichtig, dass
‫wir dieses neue Repository nicht mit einer Readme initialisieren,
‫da dies dann später zu Konflikten führen würde.
‫Wir möchten wirklich, dass dieses Repo hier auf
‫GitHub brandneu und komplett leer ist.
‫Dies ist
‫hier ähnlich wie zuvor mit git init lokal.
‫Der einzige Unterschied besteht
‫darin, dass es sich diesmal wirklich
‫auf GitHub befindet, also jetzt ein Remote-Repository ist.
‫Groß.
‫Jetzt ist das Ziel hier,
‫im Grunde unseren gesamten lokalen Code in dieses Remote-Repository zu verschieben, okay.
‫Um dies tun zu
‫können, müssen wir unser lokales Repository über
‫dieses Remote-Repository informieren, das wir gerade hier erstellt haben.
‫Okay, im Grunde müssen wir sie irgendwie verbinden.
‫Genau das ist hier eingestellt.
‫Was wir tun möchten, ist, ein vorhandenes
‫Repository von der Befehlszeile aus zu
‫pushen, und kopieren
‫wir diesen Code hier in unsere Befehlszeile hier, okay.
‫Was wird das tun?
‫Nun, es wird einen Remote-Zweig hinzufügen.
‫Remote bedeutet, dass es sich im Grunde genommen um einen gehosteten Zweig handelt.
‫Und dieser Remote-Zweig, oder Sie können
‫ihn auch nennen, dieses Remote-Repository, wird origin genannt und befindet
‫sich in dieser URL hier, also an
‫diesem Ort.
‫Also Enter drücken und das war's.
‫Nun sind diese beiden Repositorys grundsätzlich miteinander verbunden.
‫An diesem Punkt sind wir bereit, git push auszuführen, was die
‫Aktion ist, um unseren lokalen Code im
‫Grunde auf unseren Remote-Zweig in unserem Remote-Repository zu kopieren.
‫Dann der Name des
‫entfernten Zweigs, der Origin ist, und
‫dann der Name des lokalen Zweigs, der Master ist, alles klar.
‫Also git push origin master.
‫Drücken Sie Return, und dann sollte das
‫natürlich einige Zeit dauern.
‫Jetzt fragt es uns zuerst auch nach unserem Benutzernamen, der nur die
‫E-Mail-Adresse ist, und wahrscheinlich musst du
‫dies nicht mehr tun, weil du ihn
‫bereits angegeben hast, aber ich habe
‫es vorher im Video nicht getan, denk daran, also lass uns das
‫jetzt machen.
‫Übrigens, weil ich ein anderes Konto auf meinem Computer
‫verwende, um diese Kurse aufzuzeichnen, und daher git
‫hier nicht wirklich verwende, und
‫das war der Grund, warum ich es tun musste.
‫Wie auch immer, es fragt mich jetzt nach meinem Passwort,
‫also schreiben Sie Ihr Passwort hier, drücken
‫Sie auch die Eingabetaste, und dann
‫sollte es beginnen, die Daten an Ihre Remote-Zweigstelle zu senden.
‫Es macht diese Arbeit jetzt.
‫Sie können alle
‫Statistiken sehen, wie viele Dateien es gibt, Ihre Upload-Geschwindigkeit
‫und wie viel bereits erledigt ist.
‫Alles klar, ich werde zurückkommen, wenn das fertig ist.
‫Okay. Das war's.
‫Schauen wir uns das jetzt hier auf GitHub an.
‫Lasst uns neu laden, und tatsächlich, los geht's.
‫Und tatsächlich, hier haben wir
‫alle Dateien, die wir gerade zu unserem Commit hinzugefügt haben, in Ordnung.
‫Sie sehen, dass
‫all dies hier anfängliches Commit und
‫dann diese Datei app. js, wo wir tatsächlich
‫einige Änderungen vorgenommen haben, wird dann ein
‫Kommentar hinzugefügt, der die Commit-Nachricht war,
‫die wir für diesen bestimmten Commit verwendet haben,
‫bei dem wir nur diese eine Datei festgeschrieben haben.
‫Erinnere dich daran?
‫Es war also tatsächlich sechs Minuten später.
‫Groß.
‫Schauen wir uns das einfach mal an.
‫Wie es hier in GitHub aussieht.
‫Ja, das ist unser Code.
‫Nett gehostet jetzt im Grunde an dieser Stelle, also in GitHub.
‫Sie sehen auch, dass unsere ignorierten Dateien nicht hier sind.
‫Das Node-Modul und auch die Konfigurationsdatei, also genau die
‫Dateien, die wir eigentlich nicht
‫in einem Repository haben wollen, nun ja, sie
‫sind jetzt nicht so wie erwartet hier.
‫Die entgegengesetzte Operation von Push, die wir gerade
‫ausgeführt haben, ist übrigens die Pull-Operation.
‫Stellen Sie sich vor, Sie arbeiten an zwei verschiedenen Computern
‫und möchten mit der Arbeit auf einem Computer
‫beginnen und dann auf dem anderen fortfahren.
‫Dazu können Sie den Code auf einem Computer
‫auf GitHub pushen und dann auf dem anderen einfach ziehen.
‫Das wäre ganz einfach.
‫Der Befehl wäre fast der gleiche,
‫aber stattdessen git pull origin und dann master, also der Branch, in
‫dem Sie gerade arbeiten.
‫Ich werde das jetzt
‫nicht tun, sondern stattdessen eine Readme-Datei erstellen.
‫Das ist eine sehr Standarddatei,
‫die jedes einzelne Repository haben sollte.
‫Machen wir das hier.
‫Der Standard ist wirklich, also kein Ordner, sondern
‫eine Datei, und auch hier ist der
‫Standard, es Readme zu nennen. md steht für Markdown.
‫Diese Datei hier ist in Markdown geschrieben.
‫Verwenden wir dieses Raute-Symbol hier, um den
‫Haupttitel hinzuzufügen.
‫Nennen wir diese Anwendung natours.
‫Dann nur einen
‫Absatz darunter, der mit modernen Technologien gebaut wurde.
‫Das ist nicht wirklich richtig, Technologien.
‫Node js, express, mongoDB, mongoose und Freunde sagen wir.
‫In Ordnung, also speichern wir das jetzt.
‫Und wenn wir jetzt Status abrufen
‫sagen, sollten Sie dies als neue Datei sehen, und tatsächlich ist sie hier.
‫Nach dem Schließen und erneuten Öffnen der
‫VS-Code-App begann dieser Teil der Anwendung tatsächlich
‫zu funktionieren.
‫Jetzt sehen Sie hier, dass die Readme. md-Datei wird
‫unter den Änderungen angezeigt.
‫Es wird hier als U angezeigt, was untracked bedeutet.
‫Okay, und auch wie ich bereits erwähnt
‫habe, können Sie das hier im Dateibaum tatsächlich sehen.
‫Es ist jetzt grün, okay, und
‫wenn Sie sich ändern, sagen wir eine andere Datei,
‫die hier mit der Anwendung verkettet wird.
‫Holen Sie sich einen Safe, dann sehen Sie hier dieses M,
‫das für modifiziert steht.
‫Es taucht auch hier auf.
‫Hier wird dieser Balken dann blau, weil er jetzt modifiziert
‫wurde, es handelt sich also um eine Modifikation und
‫nicht um eine Einfügung.
‫Vorher war es grün, weil ich Code eingefügt
‫habe, und jetzt ist es blau, weil ich es geändert habe.
‫Hier kann ich auch ganz leicht zurück.
‫Ich möchte die
‫Änderungen verwerfen, und Sie sehen,
‫es geht zurück zu dem, was es vorher war, okay.
‫Wie auch immer, fügen wir diese Datei nun dem Staging-Bereich hinzu.
‫Git hinzufügen und dann können Sie wie immer die Registerkarte
‫zum automatischen Vervollständigen verwenden.
‫Dann lass es uns jetzt festschreiben, also git commit
‫der Nachricht eine Readme wie diese hinzugefügt.
‫Und jetzt verschieben wir es auch in unseren Remote-Zweig, damit wir uns
‫die Zeit in GitHub ansehen können.
‫Das ist git push origin master.
‫Schauen wir uns das hier an.
‫Und jetzt sehen Sie hier die Readme, die wir gerade erstellt haben.
‫Sie werden auch sehen, dass die
‫Commit-Nachricht für dieses eine Readme vor einer Minute hinzugefügt wurde.
‫Alles klar, großartig.
‫Das ist es, das sind die absoluten
‫Grundlagen, die ich dir in
‫diesem Vortrag zeigen wollte und der letzte zu git und auch GitHub.
‫Alles klar, eine andere Sache hier über GitHub
‫ist, dass wir es oft, wenn wir
‫mit Ihrem Projekt beginnen, umgekehrt machen.
‫Ich erstelle das Repo zuerst auf
‫GitHub und schon mit einer
‫Readme-Datei, und dann ziehe ich dieses Repo
‫auf meinen lokalen Computer, in Ordnung.
‫Dadurch wird dann automatisch
‫das lokale Repository mit dem entfernten verbunden.
‫Das macht die Einrichtung nur etwas einfacher.
‫Oft mache ich es einfach so.
‫Aber die Art und Weise, wie ich
‫es in diesem Video erklärt habe, ist natürlich auch vollkommen in Ordnung.
‫Wie auch immer, ich hoffe, dass dies für Sie nützlich war.
‫Im nächsten Video beginnen
‫wir mit der Vorbereitung der App
‫für die Bereitstellung, da wir noch
‫einige kleine Änderungen vornehmen müssen, also einige
‫Modifikationen, um die Anwendung wirklich bereitstellen zu können.