1 00:00:01,130 --> 00:00:02,910 ‫Kursleiter: In diesem Video 2 00:00:02,910 --> 00:00:06,840 ‫stellen wir unseren gesamten Code auf GitHub, oder wie wir normalerweise 3 00:00:06,840 --> 00:00:09,263 ‫sagen, verschieben wir ihn in einen Remote-Zweig. 4 00:00:11,130 --> 00:00:14,300 ‫Um zu beginnen, gehen Sie zu github. com, und 5 00:00:14,300 --> 00:00:16,210 ‫sobald du eingeloggt bist, 6 00:00:16,210 --> 00:00:18,340 ‫klicke einfach hier auf diesen 7 00:00:18,340 --> 00:00:20,790 ‫Plus-Button und erstelle ein neues Repository. 8 00:00:20,790 --> 00:00:23,460 ‫Wenn die Seite zu dem Zeitpunkt, an dem Sie 9 00:00:23,460 --> 00:00:25,500 ‫sich dieses Video ansehen, etwas anders 10 00:00:25,500 --> 00:00:28,913 ‫aussieht, suchen Sie einfach irgendwo auf der Seite nach einem neuen Repository. 11 00:00:30,140 --> 00:00:33,740 ‫Okay, zuerst müssen Sie dem Repository einen 12 00:00:33,740 --> 00:00:35,433 ‫Namen geben. 13 00:00:36,520 --> 00:00:38,720 ‫Also nenne ich es hier 14 00:00:38,720 --> 00:00:40,160 ‫natours, was für 15 00:00:40,160 --> 00:00:43,330 ‫mich nicht möglich ist, weil ich bereits ein Natours-Repository 16 00:00:43,330 --> 00:00:47,200 ‫habe, also nenne ich es nur natours rec für die Aufnahme, 17 00:00:47,200 --> 00:00:49,703 ‫aber Sie können es einfach natours nennen. 18 00:00:50,830 --> 00:00:53,010 ‫Dann können wir auch eine Beschreibung hinzufügen, 19 00:00:53,010 --> 00:00:54,200 ‫was ich nicht 20 00:00:54,200 --> 00:00:57,940 ‫tun werde, und dann können wir sie auf öffentlich oder privat setzen. 21 00:00:57,940 --> 00:01:00,370 ‫Ich denke, dass im Moment sogar die 22 00:01:00,370 --> 00:01:02,623 ‫kostenlosen Konten private Repositorys haben können. 23 00:01:03,600 --> 00:01:05,860 ‫Private Repos können, wie der Name 24 00:01:05,860 --> 00:01:10,140 ‫schon sagt, nur Sie sehen und Sie können auch andere Personen einladen. 25 00:01:10,140 --> 00:01:12,540 ‫Bei öffentlichen Repos sind sie natürlich für 26 00:01:12,540 --> 00:01:14,520 ‫jeden sichtbar und somit perfekt für 27 00:01:14,520 --> 00:01:16,283 ‫Open Source Code geeignet. 28 00:01:17,128 --> 00:01:19,700 ‫In diesem Fall lasse ich es 29 00:01:19,700 --> 00:01:22,460 ‫einfach privat, dann belasse all diese Voreinstellungen, 30 00:01:22,460 --> 00:01:25,090 ‫und hier ist es sehr wichtig, dass 31 00:01:25,090 --> 00:01:28,320 ‫wir dieses neue Repository nicht mit einer Readme initialisieren, 32 00:01:28,320 --> 00:01:31,500 ‫da dies dann später zu Konflikten führen würde. 33 00:01:31,500 --> 00:01:33,910 ‫Wir möchten wirklich, dass dieses Repo hier auf 34 00:01:33,910 --> 00:01:36,183 ‫GitHub brandneu und komplett leer ist. 35 00:01:38,680 --> 00:01:40,070 ‫Dies ist 36 00:01:40,070 --> 00:01:43,520 ‫hier ähnlich wie zuvor mit git init lokal. 37 00:01:43,520 --> 00:01:45,360 ‫Der einzige Unterschied besteht 38 00:01:45,360 --> 00:01:47,290 ‫darin, dass es sich diesmal wirklich 39 00:01:47,290 --> 00:01:50,040 ‫auf GitHub befindet, also jetzt ein Remote-Repository ist. 40 00:01:50,040 --> 00:01:51,020 ‫Groß. 41 00:01:51,020 --> 00:01:53,380 ‫Jetzt ist das Ziel hier, 42 00:01:53,380 --> 00:01:58,080 ‫im Grunde unseren gesamten lokalen Code in dieses Remote-Repository zu verschieben, okay. 43 00:01:58,080 --> 00:01:59,890 ‫Um dies tun zu 44 00:01:59,890 --> 00:02:02,670 ‫können, müssen wir unser lokales Repository über 45 00:02:02,670 --> 00:02:06,290 ‫dieses Remote-Repository informieren, das wir gerade hier erstellt haben. 46 00:02:06,290 --> 00:02:10,160 ‫Okay, im Grunde müssen wir sie irgendwie verbinden. 47 00:02:10,160 --> 00:02:12,743 ‫Genau das ist hier eingestellt. 48 00:02:12,743 --> 00:02:15,830 ‫Was wir tun möchten, ist, ein vorhandenes 49 00:02:15,830 --> 00:02:18,710 ‫Repository von der Befehlszeile aus zu 50 00:02:18,710 --> 00:02:20,180 ‫pushen, und kopieren 51 00:02:21,740 --> 00:02:25,579 ‫wir diesen Code hier in unsere Befehlszeile hier, okay. 52 00:02:25,579 --> 00:02:28,370 ‫Was wird das tun? 53 00:02:28,370 --> 00:02:32,150 ‫Nun, es wird einen Remote-Zweig hinzufügen. 54 00:02:32,150 --> 00:02:36,080 ‫Remote bedeutet, dass es sich im Grunde genommen um einen gehosteten Zweig handelt. 55 00:02:36,080 --> 00:02:38,700 ‫Und dieser Remote-Zweig, oder Sie können 56 00:02:38,700 --> 00:02:42,750 ‫ihn auch nennen, dieses Remote-Repository, wird origin genannt und befindet 57 00:02:42,750 --> 00:02:45,970 ‫sich in dieser URL hier, also an 58 00:02:45,970 --> 00:02:47,073 ‫diesem Ort. 59 00:02:47,970 --> 00:02:51,480 ‫Also Enter drücken und das war's. 60 00:02:51,480 --> 00:02:54,100 ‫Nun sind diese beiden Repositorys grundsätzlich miteinander verbunden. 61 00:02:54,100 --> 00:02:58,990 ‫An diesem Punkt sind wir bereit, git push auszuführen, was die 62 00:02:58,990 --> 00:03:02,630 ‫Aktion ist, um unseren lokalen Code im 63 00:03:02,630 --> 00:03:06,560 ‫Grunde auf unseren Remote-Zweig in unserem Remote-Repository zu kopieren. 64 00:03:06,560 --> 00:03:08,580 ‫Dann der Name des 65 00:03:09,780 --> 00:03:11,950 ‫entfernten Zweigs, der Origin ist, und 66 00:03:11,950 --> 00:03:16,420 ‫dann der Name des lokalen Zweigs, der Master ist, alles klar. 67 00:03:16,420 --> 00:03:19,160 ‫Also git push origin master. 68 00:03:19,160 --> 00:03:21,770 ‫Drücken Sie Return, und dann sollte das 69 00:03:21,770 --> 00:03:23,750 ‫natürlich einige Zeit dauern. 70 00:03:23,750 --> 00:03:27,660 ‫Jetzt fragt es uns zuerst auch nach unserem Benutzernamen, der nur die 71 00:03:27,660 --> 00:03:29,610 ‫E-Mail-Adresse ist, und wahrscheinlich musst du 72 00:03:29,610 --> 00:03:31,910 ‫dies nicht mehr tun, weil du ihn 73 00:03:31,910 --> 00:03:33,870 ‫bereits angegeben hast, aber ich habe 74 00:03:33,870 --> 00:03:37,943 ‫es vorher im Video nicht getan, denk daran, also lass uns das 75 00:03:39,180 --> 00:03:40,263 ‫jetzt machen. 76 00:03:41,420 --> 00:03:44,260 ‫Übrigens, weil ich ein anderes Konto auf meinem Computer 77 00:03:44,260 --> 00:03:46,760 ‫verwende, um diese Kurse aufzuzeichnen, und daher git 78 00:03:46,760 --> 00:03:48,870 ‫hier nicht wirklich verwende, und 79 00:03:48,870 --> 00:03:51,740 ‫das war der Grund, warum ich es tun musste. 80 00:03:51,740 --> 00:03:55,100 ‫Wie auch immer, es fragt mich jetzt nach meinem Passwort, 81 00:03:55,100 --> 00:03:57,710 ‫also schreiben Sie Ihr Passwort hier, drücken 82 00:03:57,710 --> 00:04:00,090 ‫Sie auch die Eingabetaste, und dann 83 00:04:00,090 --> 00:04:03,453 ‫sollte es beginnen, die Daten an Ihre Remote-Zweigstelle zu senden. 84 00:04:04,820 --> 00:04:06,260 ‫Es macht diese Arbeit jetzt. 85 00:04:06,260 --> 00:04:07,880 ‫Sie können alle 86 00:04:07,880 --> 00:04:11,930 ‫Statistiken sehen, wie viele Dateien es gibt, Ihre Upload-Geschwindigkeit 87 00:04:11,930 --> 00:04:14,760 ‫und wie viel bereits erledigt ist. 88 00:04:14,760 --> 00:04:17,503 ‫Alles klar, ich werde zurückkommen, wenn das fertig ist. 89 00:04:20,370 --> 00:04:22,330 ‫Okay. Das war's. 90 00:04:22,330 --> 00:04:25,453 ‫Schauen wir uns das jetzt hier auf GitHub an. 91 00:04:26,500 --> 00:04:29,753 ‫Lasst uns neu laden, und tatsächlich, los geht's. 92 00:04:32,410 --> 00:04:34,630 ‫Und tatsächlich, hier haben wir 93 00:04:34,630 --> 00:04:39,210 ‫alle Dateien, die wir gerade zu unserem Commit hinzugefügt haben, in Ordnung. 94 00:04:39,210 --> 00:04:40,770 ‫Sie sehen, dass 95 00:04:40,770 --> 00:04:43,568 ‫all dies hier anfängliches Commit und 96 00:04:43,568 --> 00:04:46,990 ‫dann diese Datei app. js, wo wir tatsächlich 97 00:04:46,990 --> 00:04:49,300 ‫einige Änderungen vorgenommen haben, wird dann ein 98 00:04:49,300 --> 00:04:51,220 ‫Kommentar hinzugefügt, der die Commit-Nachricht war, 99 00:04:51,220 --> 00:04:53,760 ‫die wir für diesen bestimmten Commit verwendet haben, 100 00:04:53,760 --> 00:04:56,680 ‫bei dem wir nur diese eine Datei festgeschrieben haben. 101 00:04:56,680 --> 00:04:57,980 ‫Erinnere dich daran? 102 00:04:57,980 --> 00:05:01,330 ‫Es war also tatsächlich sechs Minuten später. 103 00:05:01,330 --> 00:05:02,640 ‫Groß. 104 00:05:02,640 --> 00:05:03,970 ‫Schauen wir uns das einfach mal an. 105 00:05:03,970 --> 00:05:06,992 ‫Wie es hier in GitHub aussieht. 106 00:05:06,992 --> 00:05:10,230 ‫Ja, das ist unser Code. 107 00:05:10,230 --> 00:05:14,243 ‫Nett gehostet jetzt im Grunde an dieser Stelle, also in GitHub. 108 00:05:15,100 --> 00:05:18,900 ‫Sie sehen auch, dass unsere ignorierten Dateien nicht hier sind. 109 00:05:18,900 --> 00:05:22,600 ‫Das Node-Modul und auch die Konfigurationsdatei, also genau die 110 00:05:22,600 --> 00:05:25,160 ‫Dateien, die wir eigentlich nicht 111 00:05:25,160 --> 00:05:28,184 ‫in einem Repository haben wollen, nun ja, sie 112 00:05:28,184 --> 00:05:30,860 ‫sind jetzt nicht so wie erwartet hier. 113 00:05:30,860 --> 00:05:33,950 ‫Die entgegengesetzte Operation von Push, die wir gerade 114 00:05:33,950 --> 00:05:37,000 ‫ausgeführt haben, ist übrigens die Pull-Operation. 115 00:05:37,000 --> 00:05:39,940 ‫Stellen Sie sich vor, Sie arbeiten an zwei verschiedenen Computern 116 00:05:39,940 --> 00:05:42,610 ‫und möchten mit der Arbeit auf einem Computer 117 00:05:42,610 --> 00:05:45,030 ‫beginnen und dann auf dem anderen fortfahren. 118 00:05:45,030 --> 00:05:47,770 ‫Dazu können Sie den Code auf einem Computer 119 00:05:47,770 --> 00:05:51,093 ‫auf GitHub pushen und dann auf dem anderen einfach ziehen. 120 00:05:52,290 --> 00:05:53,693 ‫Das wäre ganz einfach. 121 00:05:54,730 --> 00:05:57,060 ‫Der Befehl wäre fast der gleiche, 122 00:05:57,060 --> 00:06:01,573 ‫aber stattdessen git pull origin und dann master, also der Branch, in 123 00:06:03,263 --> 00:06:04,920 ‫dem Sie gerade arbeiten. 124 00:06:04,920 --> 00:06:06,710 ‫Ich werde das jetzt 125 00:06:06,710 --> 00:06:09,450 ‫nicht tun, sondern stattdessen eine Readme-Datei erstellen. 126 00:06:09,450 --> 00:06:11,560 ‫Das ist eine sehr Standarddatei, 127 00:06:11,560 --> 00:06:13,693 ‫die jedes einzelne Repository haben sollte. 128 00:06:15,210 --> 00:06:16,283 ‫Machen wir das hier. 129 00:06:17,260 --> 00:06:20,790 ‫Der Standard ist wirklich, also kein Ordner, sondern 130 00:06:20,790 --> 00:06:23,950 ‫eine Datei, und auch hier ist der 131 00:06:23,950 --> 00:06:28,950 ‫Standard, es Readme zu nennen. md steht für Markdown. 132 00:06:30,079 --> 00:06:32,138 ‫Diese Datei hier ist in Markdown geschrieben. 133 00:06:32,138 --> 00:06:35,540 ‫Verwenden wir dieses Raute-Symbol hier, um den 134 00:06:35,540 --> 00:06:37,113 ‫Haupttitel hinzuzufügen. 135 00:06:38,650 --> 00:06:43,310 ‫Nennen wir diese Anwendung natours. 136 00:06:43,310 --> 00:06:45,640 ‫Dann nur einen 137 00:06:45,640 --> 00:06:50,037 ‫Absatz darunter, der mit modernen Technologien gebaut wurde. 138 00:06:52,000 --> 00:06:54,033 ‫Das ist nicht wirklich richtig, Technologien. 139 00:06:56,845 --> 00:07:01,845 ‫Node js, express, mongoDB, mongoose und Freunde sagen wir. 140 00:07:09,810 --> 00:07:14,730 ‫In Ordnung, also speichern wir das jetzt. 141 00:07:14,730 --> 00:07:17,270 ‫Und wenn wir jetzt Status abrufen 142 00:07:17,270 --> 00:07:21,690 ‫sagen, sollten Sie dies als neue Datei sehen, und tatsächlich ist sie hier. 143 00:07:21,690 --> 00:07:24,800 ‫Nach dem Schließen und erneuten Öffnen der 144 00:07:24,800 --> 00:07:27,860 ‫VS-Code-App begann dieser Teil der Anwendung tatsächlich 145 00:07:27,860 --> 00:07:29,100 ‫zu funktionieren. 146 00:07:29,100 --> 00:07:32,840 ‫Jetzt sehen Sie hier, dass die Readme. md-Datei wird 147 00:07:32,840 --> 00:07:34,870 ‫unter den Änderungen angezeigt. 148 00:07:34,870 --> 00:07:38,590 ‫Es wird hier als U angezeigt, was untracked bedeutet. 149 00:07:38,590 --> 00:07:40,950 ‫Okay, und auch wie ich bereits erwähnt 150 00:07:40,950 --> 00:07:43,703 ‫habe, können Sie das hier im Dateibaum tatsächlich sehen. 151 00:07:44,947 --> 00:07:46,870 ‫Es ist jetzt grün, okay, und 152 00:07:46,870 --> 00:07:49,513 ‫wenn Sie sich ändern, sagen wir eine andere Datei, 153 00:07:51,500 --> 00:07:53,683 ‫die hier mit der Anwendung verkettet wird. 154 00:07:54,680 --> 00:07:57,940 ‫Holen Sie sich einen Safe, dann sehen Sie hier dieses M, 155 00:07:57,940 --> 00:07:59,563 ‫das für modifiziert steht. 156 00:08:00,949 --> 00:08:02,657 ‫Es taucht auch hier auf. 157 00:08:02,657 --> 00:08:05,690 ‫Hier wird dieser Balken dann blau, weil er jetzt modifiziert 158 00:08:05,690 --> 00:08:08,290 ‫wurde, es handelt sich also um eine Modifikation und 159 00:08:08,290 --> 00:08:09,860 ‫nicht um eine Einfügung. 160 00:08:09,860 --> 00:08:12,950 ‫Vorher war es grün, weil ich Code eingefügt 161 00:08:12,950 --> 00:08:17,000 ‫habe, und jetzt ist es blau, weil ich es geändert habe. 162 00:08:17,000 --> 00:08:18,963 ‫Hier kann ich auch ganz leicht zurück. 163 00:08:20,800 --> 00:08:22,343 ‫Ich möchte die 164 00:08:23,360 --> 00:08:25,090 ‫Änderungen verwerfen, und Sie sehen, 165 00:08:25,090 --> 00:08:28,533 ‫es geht zurück zu dem, was es vorher war, okay. 166 00:08:29,854 --> 00:08:32,427 ‫Wie auch immer, fügen wir diese Datei nun dem Staging-Bereich hinzu. 167 00:08:32,427 --> 00:08:36,300 ‫Git hinzufügen und dann können Sie wie immer die Registerkarte 168 00:08:36,300 --> 00:08:37,883 ‫zum automatischen Vervollständigen verwenden. 169 00:08:38,920 --> 00:08:43,920 ‫Dann lass es uns jetzt festschreiben, also git commit 170 00:08:44,240 --> 00:08:48,970 ‫der Nachricht eine Readme wie diese hinzugefügt. 171 00:08:50,540 --> 00:08:54,800 ‫Und jetzt verschieben wir es auch in unseren Remote-Zweig, damit wir uns 172 00:08:54,800 --> 00:08:57,050 ‫die Zeit in GitHub ansehen können. 173 00:08:58,230 --> 00:09:02,823 ‫Das ist git push origin master. 174 00:09:06,250 --> 00:09:07,873 ‫Schauen wir uns das hier an. 175 00:09:09,700 --> 00:09:13,633 ‫Und jetzt sehen Sie hier die Readme, die wir gerade erstellt haben. 176 00:09:14,660 --> 00:09:16,700 ‫Sie werden auch sehen, dass die 177 00:09:16,700 --> 00:09:20,083 ‫Commit-Nachricht für dieses eine Readme vor einer Minute hinzugefügt wurde. 178 00:09:21,290 --> 00:09:23,500 ‫Alles klar, großartig. 179 00:09:23,500 --> 00:09:25,920 ‫Das ist es, das sind die absoluten 180 00:09:25,920 --> 00:09:27,710 ‫Grundlagen, die ich dir in 181 00:09:27,710 --> 00:09:31,770 ‫diesem Vortrag zeigen wollte und der letzte zu git und auch GitHub. 182 00:09:31,770 --> 00:09:34,830 ‫Alles klar, eine andere Sache hier über GitHub 183 00:09:34,830 --> 00:09:37,600 ‫ist, dass wir es oft, wenn wir 184 00:09:37,600 --> 00:09:40,127 ‫mit Ihrem Projekt beginnen, umgekehrt machen. 185 00:09:40,127 --> 00:09:42,630 ‫Ich erstelle das Repo zuerst auf 186 00:09:42,630 --> 00:09:44,850 ‫GitHub und schon mit einer 187 00:09:44,850 --> 00:09:47,650 ‫Readme-Datei, und dann ziehe ich dieses Repo 188 00:09:47,650 --> 00:09:50,178 ‫auf meinen lokalen Computer, in Ordnung. 189 00:09:50,178 --> 00:09:52,520 ‫Dadurch wird dann automatisch 190 00:09:52,520 --> 00:09:55,710 ‫das lokale Repository mit dem entfernten verbunden. 191 00:09:55,710 --> 00:09:58,263 ‫Das macht die Einrichtung nur etwas einfacher. 192 00:09:59,120 --> 00:10:01,720 ‫Oft mache ich es einfach so. 193 00:10:01,720 --> 00:10:03,770 ‫Aber die Art und Weise, wie ich 194 00:10:03,770 --> 00:10:07,090 ‫es in diesem Video erklärt habe, ist natürlich auch vollkommen in Ordnung. 195 00:10:07,090 --> 00:10:10,060 ‫Wie auch immer, ich hoffe, dass dies für Sie nützlich war. 196 00:10:10,060 --> 00:10:11,820 ‫Im nächsten Video beginnen 197 00:10:11,820 --> 00:10:14,170 ‫wir mit der Vorbereitung der App 198 00:10:14,170 --> 00:10:16,610 ‫für die Bereitstellung, da wir noch 199 00:10:16,610 --> 00:10:19,310 ‫einige kleine Änderungen vornehmen müssen, also einige 200 00:10:19,310 --> 00:10:22,493 ‫Modifikationen, um die Anwendung wirklich bereitstellen zu können.