Transkripte
1. Einführung: Hallo und willkommen zum Git und
GitHub Kurs für Anfänger. In diesem Kurs
lernen Sie die Grundlagen von Get as a Maut“ kennen und GitHub ist
eine Software, die wir verwenden können. Sie lernen viele Funktionen von beiden Technologien gleichermaßen kennen. Befehle, die Hörer
oder GitHub Pages und
die GitHub-Desktop-Tools erhalten , um unsere Projekte zu
erleichtern. Am Ende dieses Kurses erhalten
Sie das
notwendige Wissen, erhalten
Sie das
notwendige Wissen um
beide Technologien einzusetzen. Da Sie neben der
Arbeit, die wir erledigen werden, die
Kernkonzepte von Repositorys,
Zweigen und
Verzweigungen und Codedivergenz lernen Zweigen und
Verzweigungen und Codedivergenz , werden
Sie auch
verschiedene Präsentationen sehen , die ich für Sie veranschaulichen
möchte, wie die Codeumleitungen funktionieren und wie diese auch gehandhabt
werden sollten. Aber wer bin ich jetzt? Mein Name ist Stefano-Materie, was zum Schluss habe ich mehr
als sieben Jahre Erfahrung in
der
Webentwicklung. Ich bin auch ein Online-Kursleiter. Und neben diesem
Kurs findest du viele andere Kurse von
mir hier auf Skillshare. Schauen Sie sich
die also auch an. Wenn Sie
weitere Tutorials außerhalb
von Skillshare sehen möchten , können
Sie immer
meinen YouTube-Kanal dort besuchen . Dort
finden Sie viele Tutorials, Crash-Kurse und das ganze Projekt für verschiedene verschiedene
Technologien. Und wenn Sie
sich mit mir in Verbindung setzen möchten, können
Sie dort immer
meine Website besuchen. Sie können mehr über mich lesen, aber auch alle
meine Tutorials und
Kurse an einem Ort sehen . Jetzt nochmal willkommen und lassen Sie uns mehr über
die Code- und Code-Versionen erfahren.
2. Code- & Code: Bevor ich mit dem Kurs
beginne, möchte ich über den Code
selbst und Code-Versionen
sprechen . Sie werden sehen, dass wir als Entwickler
auch Standardwebsites,
Anwendungen, mobile Anwendungen
und Software entwickeln, erstellen und bereitstellen . All das erfordert Code und oft nicht nur eine
Person, die daran arbeitet, sondern viele von uns in kleinen und
bedeutenderen Teams. Könnten Sie sich vorstellen, dass nur zehn Personen
an derselben Anwendung arbeiten? Wie schwer kann es für
sie sein, nur
den neuesten Code zu teilen und gleichzeitig die Qualität
dieser Anwendung
beizubehalten. Daneben
arbeiten sie oft an mehreren Aufgaben,
mehreren Funktionen und Bugfixes. Das heißt, wenn wir uns auch um
unseren Code und seine
Versionen kümmern
müssen . Dazu können wir Software verwenden,
ein Produkt, das unsere Codeänderungen
verfolgen, unsere Codeversionen
behalten und diese in der
Fusionsdosis
aufteilen kann , wie wir es wünschen. Es gibt viele davon, aber in diesem Kurs werden
wir lernen, Git
in Kombination mit GitHub zu verwenden. Und darüber werde ich im
folgenden Video mehr sprechen. Aber was können wir
von einer solchen Software bekommen? Nun, jetzt kann das gleiche Team von zehn Personen mit einfacheren
Codeversionen mithalten. Zum Beispiel kann jedes
Teammitglied ähnlichen,
vielleicht sogar denselben
Code verwenden und darauf aufbauen. Jede Person dieses
Teams kann an
einer bestimmten Aufgabe arbeiten oder einen bestimmten Fehler
beheben. Sobald es fertig ist, wird
das System selbst
alle diese Änderungen zusammenführen. Und wenn der Code
inkonsistent ist, wird
das System diese abfangen und diese Konflikte
den Teammitgliedern
präsentieren. So konnten sie zusammen feste Dosis und nicht sehr viel
darüber auch. Lasst uns jetzt mehr
über ein solches System erfahren. Mal sehen, was gut ist
und was ist GitHub.
3. Was ist Git & Github: Was unser Git
und GitHub nun selbst
bekommen, ist eine Software, die uns
hilft, die
Änderungen unseres Codes zu verfolgen. Als nächstes die Änderungen aufzurufen, wird
Git alle anderen
Änderungen an unseren Dateien auslösen. Wenn Sie also ein
Bild zu unserem Projekt hinzufügen würden, erfahren
Sie mehr darüber. Jetzt erreicht
das primäre Ziel, die
Zusammenarbeit und Koordination
zwischen Entwicklern sicherzustellen . Neben diesem Gate wird uns
auch
die Geschwindigkeit der Datenintegrität
bei der Verteilung
unserer Projekte unterstützen die Geschwindigkeit der Datenintegrität . Jetzt ist GitHub
im Wesentlichen ein Anbieter. Es bietet uns den Beitrag
für die Softwareentwicklung,
was bedeutet, dass
unsere Code- und Codeänderungen jetzt auf GitHub gehostet werden
könnten. Daneben wird uns der GitHub mit
Versionskontrollen
unterstützen. Und das tut es,
indem man Git als Werkzeug benutzt. Im Wesentlichen können wir git
verwenden, um
unsere Versionen zu verwalten und gleichzeitig
GitHub zu verwenden, um diese
zu präsentieren und diese live zu sehen. Github wird
uns die Plattform geben, um unser Projekt, unseren Code
und all unsere
Änderungen daneben zu
sehen .
GitHub wird andere
Funktionen haben, die wir verwenden können, aber dies steht nicht im
Mittelpunkt dieses Kurses. Im Moment konzentrieren wir uns nur
auf Code- und Code-Versionen. Und der beste Weg, etwas über
den GitHub zu erfahren , besteht darin, damit zu
arbeiten. Also vor dem
folgenden Video tu mir
bitte einen Gefallen. Gehe zu einer offiziellen
Website von GitHub. Stellen Sie sicher, dass Sie sich anmelden, wenn Sie bereits ein
Konto bei GitHub haben Dies ist keine Aufgabe für Sie. Wenn Sie jedoch kein Konto
haben, erstellen Sie
unbedingt eines, um
diesen Kurs gut zu verfolgen. Jetzt lasst uns das installieren, holen Sie sich.
4. Installieren von Git: Get da ein Tool installiert sein muss. Um Git zu installieren, können Sie
einfach nach Ihrem bevorzugten Browser oder
Ihrer bevorzugten Website von Get-SCM.com suchen. Sie werden auch den Link zu
dieser Website in den
Ressourcen dieses Kurses haben , die Website selbst könnte
eine ausgezeichnete Referenz sein , um
etwas über gutes Ende zu erfahren. Es gehört dir, weil gut seine Dokumentation
hat. Aber wir sind hier, um das Gate
herunterzuladen, damit
wir es installieren können. Um Git herunterzuladen. Klicken Sie auf diesen Download-Button. Dies sollte Sie auf
die Download-Seite führen. Hier können Sie einfach
eine Option für Ihr eigenes System auswählen. Für mich
wähle ich hier Windows aus. Für Windows
höre ich mehrere Optionen. Aber die gute
Option für mich ist dieser eigenständige Installer
für ein 64-Bit-System, Ihr System könnte anders sein, also wählen Sie hier unbedingt
das richtige aus. Sobald der Download abgeschlossen ist, können
wir ihn einfach ausführen und Installation
sollte ziemlich einfach sein. In diesem ersten Schritt wählen Sie
einfach den nächsten aus. Jetzt sollten wir hier
verschiedene Komponenten sehen. Also geh einfach als Nächstes hier. Dies ist eine neue Option in Installations-Entitäten, um
auszuwählen, wie OpenSSH verwendet werden soll. Kümmere dich also nicht zu sehr darum. Im Moment können Sie einfach
diese vorausgewählte Option auswählen. Der nächste Schritt könnte schwierig sein, aber die Installation wird uns
die reguläre Git-Version geben. Warten Sie, bis es jetzt installiert ist. Und sobald es fertig ist, können
wir den Bot auf
Optionen deaktivieren und einfach auf Fertig stellen klicken. Jetzt habe ich einen Ordner, ich für diesen
Kurs vorbereitet habe, das Gate. Sie können auch
Ihre eigenen erstellen, damit Sie den gesamten Kurs an
einem Ort
aufbewahren können , wenn Sie möchten. rechten Maustaste in diesen Ordner, Sie sollten Optionen für
gutes Gooey und Git Bash
erhalten . Beide Werkzeuge wurden ebenfalls
mit dem Gate installiert. Sie können also entweder diese öffnen oder auch Ihr
System-Terminal öffnen. Um ehrlich zu sein,
spielt es keine Rolle. Was Sie
in Ihrem Terminal machen möchten wird der Befehl
der guten Version verwendet. Wenn Gateways korrekt installiert sind, sollten
Sie die installierte
Version sehen, was gut ist. Wenn es keine Version gibt, müssen
Sie den
gesamten Installationsvorgang wiederholen. Auch die Ablenkung kann hier von meiner
abweichen, je nachdem, wann
Sie
diesen Kurs neben
der guten Version sehen , wann
Sie
diesen Kurs neben
der guten Version Sie können den Befehl gut verwenden, der Ihnen
die verschiedenen Befehle zeigen sollte das wir
mit einem guten Tool verwenden können. Und sehr bald werden wir diese Befehle
verwenden. Nun zu den Tools, die mit gutem installiert
wurden, Sie ein Tool sehen, das unsere Repositorys verwalten
könnte,
wenn
Sie Git GUI öffnen würden Sie ein Tool sehen, das unsere Repositorys verwalten
könnte,
wenn
Sie Git GUI öffnen. Und wir werden mehr
über diese Wunde sprechen. Wenn Sie Git Bash öffnen würden, würden
Sie sehen, dass ein
bestimmtes Terminal dieses Terminal mit
Ihrem System und anderen Touren funktioniert ,
wenn Sie einige installiert haben. Daneben
können Sie aber auch Ihr
eigenes Standard-Terminal verwenden ,
wenn Sie daran gewöhnt sind. Und es geht um den
Installationsprozess. Also können wir jetzt anfangen damit zu
arbeiten. Besuchen wir GitHub in unserem
nächsten Video und erstellen unser erstes Projekt,
unser erstes Repository.
5. Erste Projekte erstellen (Repo): Erinnern Sie sich, dass
ich Sie gebeten habe,
Ihr eigenes GitHub-Konto zu erstellen ,
falls Sie keines haben. Nun, ich hoffe, du hast es getan. Das, arbeiten wir jetzt
mit GitHub zusammen, melden Sie sich Ihrem eigenen GitHub-Konto an und
gehen in dieses Haupt-Dashboard. Nun, dein Profil, in dem du deine Projekte sehen
solltest. Wenn Ihr
Konto gerade erstellt wurde, haben
Sie natürlich keine Projekte. Nun, irgendwelche Repos hier. Stellen Sie sicher, dass Sie das
auch öffnen, werden Sie auch hier klebrig. Wir wollen es benutzen, aber ich möchte dir
etwas damit zeigen. Du siehst, dass Gui unseren Repost
bewältigen kann. Wir können die lokalen Repos erstellen oder auch einige externe
Berichte verwenden. Wir werden das Gleiche für uns tun, aber es wird uns mehr Optionen und eine freundlichere Benutzeroberfläche bieten. Und in diesem Video werden wir unser erstes Repository
erstellen. Zuallererst, was
ist das Repository? Ein Repository oder ein Repo ist zentraler Ort für
unseren Code und unsere Vermögenswerte. Wenn wir also eine
Website oder die Anwendung erstellen möchten, wäre es
ratsam, ein Repository für ein
solches Projekt zu
haben , da das Repository für unseren Code zentralisiert
ist. Das bedeutet, dass
wir
unsere aufgezeichneten Versionen
darin direkt verwalten können . Durch Schulden werden Sie sehen,
wie sich diese Tools, Git und GitHub, für uns als nützlich erweisen könnten
. Um den Bericht zu erstellen, haben
Sie dieses Plus-Symbol
in der oberen rechten Ecke. Klicken Sie einfach darauf und wählen Sie
dieses neue Repository aus. Erstellen Sie ein neues Repository. Wir müssten es für uns
konfigurieren. Zuallererst
brauchen wir einen Namen für unser Repo. Es ist wichtig, dass Sie Ihr Repo
eindeutig mit Ihrem Konto benennen. Da können Sie nicht zwei
Repos mit dem gleichen Namen haben. Ich nenne mein
Repo-Projekt, das du nach Belieben anrufen kannst. Das nächste, was wir
hinzufügen könnten, ist unsere Beschreibung, aber dieses Feld ist auch optional, also überspringe ich es vorerst. Die nächste Möglichkeit besteht darin, unser Repo
öffentlich oder privat zu gestalten. Wenn Sie es auf die Öffentlichkeit einstellen , wird es jeder sehen. Privat wird nur für Sie
verfügbar sein, am Ende Personen, die Sie einladen. Wenn Sie also vorhaben,
etwas wie eine Open Source zu bauen, ist
die Öffentlichkeit eine gute Option. Während die private
Option eher für
persönliche und Projekte
in der Produktion geeignet ist , werde
ich den
Gedankenbericht öffentlich festlegen, da ich mir wünsche, dass Sie alle
auf diese drei pro Zimmer zugreifen können ,
wann immer Sie möchten. Daneben
füge ich diese Read Me-Datei hinzu, aber ich überspringe diese
Punkt-Gitignore-Datei. Readme ist die Datei, die uns
dazu dient,
unser Repo und zusätzliche
Informationen zu beschreiben und so weiter. Während diese
Gitignore-Datei, die
wir lesen, können wir
einige unserer Dateien ignorieren, was bedeutet, dass diese
Dateien nicht verfolgt werden später
nicht zu
unserem Repo weitergeleitet werden. Aber an dieser Stelle kann
ich einfach mein Repo erstellen. Sobald Sie Ihren Bericht erstellt
haben, sehen Sie diese Schritte, um
dieses Repo lokal
auf Ihrem Computer zu erhalten , was bedeutet, dass Sie dies jetzt selbst
versuchen können. Aber im folgenden Video werden
wir unseren
Bericht gemeinsam klonen.
6. Das Repo klonen: Wir haben jetzt unser Repo für
unser Projekt. Wir können es klonen, um unser
Repo lokal auf unsere Maschine zu bringen. Ich möchte, dass Sie in Ihr
Profil auf GitHub gelangen und hier in
diesen Repository-Bereich gehen hier in
diesen Repository-Bereich Sie sollten alle
Ihre Repositorys sehen. Wählen Sie also unbedingt diejenige , die Sie
für diesen Kurs erstellt haben. Für mich ist es dieses erste
Projekt in meinem Repo. Ich sehe nicht viel. Ich höre meine
Readme-Datei und
sehe unten Inhalte aus dieser
ReadMe-Datei. Wir werden alle
Dateien, die wir erstellen
, hier
in unserem Repo speichern , da dies unser zentraler
Ort für unser Projekt sein wird, wir können
Dateien direkt hier erstellen, aber das ist nicht so ein
freundliches Erlebnis. Also werden wir unser
Repo dazu bringen, es
lokal zu haben , da es
viel einfacher sein wird , so
damit zu arbeiten. Der Befehl dafür
heißt Clone, da wir unser
Repo von GitHub in
unseren lokalen Computer klonen , um diesen Clone-Befehl zu
verwenden. Obwohl das einfach genug ist, müssen
wir zuerst auf
diesen grünen Button klicken , der ein Menü für uns
öffnet. in diesem Menü unbedingt die
Option HTTP S aus, die uns
diese URL anzeigt. Url ist die offizielle
URL unseres Repo. Sie können es also kopieren oder auf
dieses Symbol auf der rechten
Seite klicken , um diese URL zu kopieren. Öffnen Sie nun Ihr Terminal und entscheiden Sie die Route in
den gewünschten Ordner. Nun, wo Sie Ihr Repo speichern
möchten, habe ich einen guten Ordner, also verwende ich den Befehl der CD, um diesen Ordner zu betreten, wenn
Sie
den Ordner rückwärts gehen müssen , verwenden Sie Punktpunktstrich
oder Schrägstrich für unser aktueller Ordner. Sobald Sie sich in Ihrem Ordner befinden, überprüfen
wir noch einmal, ob gut korrekt installiert
wurde. Sie können also hierfür den
GET-Befehl verwenden. Wie ich sehe, kann ich mit all
diesen Befehlen sicher sein, dass es
tatsächlich korrekt installiert wurde. In dieser Befehlsliste kann
ich auch den clone-Befehl sehen. Und es beschreibt
, dass
das Repository in
ein neues Verzeichnis geklont wird . Also brauchen wir diesen Befehl. Hier. Ich werde den Befehl clear benutzen, um mein Terminal zu löschen. Und jetzt kann ich Git Clone verwenden und meine URL für mein Repo
einfügen
, das wir zuvor kopiert haben. Drücken Sie Enter und
warten Sie, bis es glüht. Sobald es fertig ist, kann
ich das erste CD-Dash-Projekt verwenden um in mein Repo zu gelangen
, das ich gerade geklont habe. Wir können sehen, dass dieser Befehl
funktioniert hat , weil ich in
meinen ersten Projekten bin. Aber neben meinem Ordnerpfad sehe
ich diesen Master, dann den Pfeil, dann den Ursprung. Dies bezieht sich hier auf einen Zweig, und wir werden etwas später mehr
darüber sprechen. Jetzt werde ich auch meinen Ordner dort
ablegen, wo mein Repo gespeichert ist, um den Inhalt darin zu
überprüfen. Nun, es scheint, dass ich
meine README-Datei habe , die standardmäßig
erstellt wurde, und ich weiß, dass ich die Datei auch
in GitHub in meinem Repo habe. Dadurch können wir hier bestätigen, dass unser Repo
erfolgreich geklont wurde. Bevor wir
das folgende Video beenden und starten, benötigen
Sie einen
sogenannten Code-Editor. Es ist eine Software, in
der wir normalerweise unseren
Code schreiben, und es gibt viele Optionen für Sie , die Sie verwenden können,
wenn Sie
den gleichen verwenden möchten , indem
Sie den
Visual verwenden möchten Studio.com. Dieser Code-Editor
stammt von Microsoft selbst und ist Open Source, was bedeutet,
dass er kostenlos verwendet werden kann. Sie also einfach die richtige Version
für Ihr Betriebssystem herunter und installieren Sie sie. Wie aus dem folgenden Video werden
wir ein solches Tool verwenden.
7. Änderungen und Tracking vornehmen: Hoffentlich haben Sie Visual
Studio Code so installiert, wie wir ihn brauchen. Öffnen Sie nun Ihre Projektrichtlinie in
diesem Visual Studio-Code. Bevor wir anfangen. Um nur zu erwähnen, dass
Ihr Visual Studio-Code möglicherweise anders aussieht als meiner. Da habe ich wahrscheinlich
mehr Erweiterungen installiert und auch ein
anderes Team. Sie müssen sich keine Sorgen machen,
denn dieser hindert Sie
daran , den Ergebnissen zu
folgen. Da wir unser Repo im letzten Video in
Ihrem Projekt hier geklont haben, sollten wir nur
diese Read Me-Datei sehen. Wenn Sie diese Datei öffnen, sollten
Sie einige Inhalte sehen, die in Markdown-Sprache
geschrieben sind, die keine komplexe
Sprache ist, die es zu erlernen gilt. Das Gute an diesem
visuellen Studio-Code ist , dass wir das
Terminal direkt im Inneren verwenden können. Auf diese Weise können wir
unseren Code schreiben und gleichzeitig unser Repo
bearbeiten, um das Terminal hier zu
öffnen, klicken Sie auf diese Ansicht und dann haben
Sie die Option
für das Terminal. Lassen Sie uns prüfen, ob hier alles
funktioniert, wie es gezeigt hat. Ich werde den Befehl
Clear benutzen, um dieses Terminal zu löschen. Jetzt benutze ich Git
und dann den Status. Status oder Status
ist ein Befehl, der
uns den neuesten
Status unserer Niederlassung gibt
, an der wir
gerade arbeiten. Und wie ich bereits erwähnt habe, werden
wir in Zukunft mehr über die
Niederlassungen sprechen. Hier können wir sehen, dass unsere Filiale Master
ist und alles auf dem neuesten Stand
ist, was bedeutet, dass
wir alle unsere neuesten Änderungen vorgenommen haben, als wir unser Repo von GitHub
geklont haben. Um weiter zu klären, ist
unsere lokale Richtlinie
dieselbe Richtlinie, gleiche Repo wie wir auf
unserem GitHub haben, was gut ist. Aber jetzt, wie Git davon
weiß, wirst
du sehen, dass get ein Tool ist
, das unseren Code verfolgt. Es wird also auch über unsere
Änderungen Bescheid wissen, die wir vornehmen. Wenn ich zum Beispiel eine Datei für meine Website
erstellen möchte, heißt diese Datei
normalerweise index.html. Um dies zu tun, klicken Sie einfach auf dieses neue Dateisymbol und den
Namen Ihrer Datei index.html. Visual Studio Code
ist schlau genug , um diese Datei grün zu färben. Warum macht es das? Nun, Visual Studio-Code weiß , dass gut
unsere Änderungen hier verfolgt. Und jetzt ist diese Datei eine
Änderung, die wir vorgenommen haben. Unsere lokale Richtlinie ist also nicht mehr dieselbe
wie unser Repo, wie unser Repository, das
wir auf GitHub haben. Das können wir auch
mit GitHub überprüfen. In diesem Terminal können wir wieder einen Befehl
verwenden, git status. Und jetzt sollten wir
einen anderen Output sehen. Es zeigt immer noch, dass
unsere lokale Seite, unsere lokale Niederlassung, die
wir haben, auf dem neuesten Stand ist, aber es zeigt mehr. Es zeigt, dass wir
einige nicht verfolgte Dateien
auf Track-Änderungen haben , was bedeutet, dass es
verschiedene Dateien von
unserem GitHub-Repo gibt . Und es ist wegen
dieser index.HTML. Wir haben diese index.html lokal, aber nicht auf einem GitHub. Und bekomme das überhaupt, werde über diese Änderungen Bescheid wissen obwohl diese Änderungen noch
nicht verfolgt werden. Selbst wenn Menschen diese Änderungen
löschen, würde
nichts Entscheidendes passieren. Daneben
gibt es uns
Informationen darüber, wie wir diese Dateien richtig verfolgen können, was die Geschichte für
die folgende Vorlesung ist.
8. Änderungen eingehen: Um fortzufahren, wo wir im letzten Video
angehalten haben, haben
wir jetzt unsere Änderung
in unserem Verzeichnis, aber diese Änderung wird von Git nicht
verfolgt, dass alle über diese Änderung Bescheid erfahren, aber sie verfolgt
diese Änderung noch nicht, was bedeutet, dass die Änderung
selbst nicht in
unserem Repository landen wird, um unsere Änderungen
gut zu verfolgen. Nun, das müssen wir manuell machen. Nun, zumindest für alle
neuen Akten. Um so etwas zu tun, werde ich
zuerst mein Terminal räumen. Jetzt kann ich git add verwenden
und dann können wir
eine Datei angeben , die wir
verfolgen möchten, wie unsere index.html. Dies fügt unsere
Datei hinzu, um Dateien zu verfolgen. Aber was wäre, wenn wir
zehn verschiedene Akten hätten? Wir möchten immer noch eins nach dem anderen hinzufügen. Nun, anstatt einen Dateinamen zu
übergeben, können
wir
hier einfach einen Punkt verwenden, der
alle unsere nicht verfolgten Änderungen erfasst
und diese in den Trakt versetzt. Es wird diese Änderungen irgendwie
inszenieren. Lassen Sie uns nun noch einmal
den Git-Status verwenden. Was wir sehen können, ist, dass unsere Index-HTML-Datei nicht mehr
rot, sondern grün ist. Dies bedeutet, dass good
Now diese Datei verfolgt, aber dies befindet sich immer noch auf
unserem lokalen Computer, nichts mit
unserem Hauptrepository zu tun , das wir auf GitHub haben. Um das Haupt-Repository über unsere Änderungen zu
informieren. Wir müssen speichern, naja, wir müssen diese Änderungen vornehmen. Wo wir
diese Änderungen vornehmen, werden
diese bereit sein, in unserem
Haupt-Repository
veröffentlicht zu werden . Um so etwas zu tun, müssen wir
diesen Befehl namens git commit verwenden . Zu diesem Commit-Befehl können
wir dieses Flag übergeben, das
mit dem Strich m angeben kann. Flag steht für eine Nachricht, was bedeutet, dass
wir
nach diesem Flag auch eine Nachricht übergeben können. Um eine Nachricht zu übergeben, müssen
Sie doppelte Anführungszeichen verwenden und normalerweise diese Art von Nachrichten anzeigen, um anzugeben, worauf sich
unsere neuesten Änderungen beziehen. Für mich werde ich festlegen, dass meine
Nachricht
die Index-HTML-Datei erstellt , weil
wir genau das getan haben. Nachdem wir unseren Code
festgelegt haben, eine Änderung, die wir in
unserem Visual Studio-Code sehen können ist
eine Änderung, die wir in
unserem Visual Studio-Code sehen können, dass diese Datei index.html nicht mehr grün
ist. Es liegt daran, dass get
es als Anziehungsdatei bezeichnet, aber ohne neue Änderungen. Und wir haben
keine neuen Änderungen, da
alle von uns vorgenommenen Änderungen bereits
festgeschrieben sind und bereit sind, bereitgestellt
zu werden. Wenn Sie so etwas
bestätigen möchten. Wieder einmal können wir
den Git-Status erneut verwenden. Jetzt können wir eine Nachricht sehen,
die besagt, dass unsere Filiale, während unsere lokale
Niederlassung mit einem Commit Leiter
unserer Master-Branche aus unserem
Repository ist , wenn Sie
Ihr Repo in GitHub besuchen würden. Nun, dort
hat sich nichts geändert weil unsere Änderungen alle lokal
auf unserem lokalen Computer
stattfanden . Und das ist der Grund,
warum Git uns sagen wird, dass unsere lokale Niederlassung unserer Hauptniederlassung
in
unserem Hauptrepo voraus ist . Und ja, wir haben
unsere Änderungen verfolgt und auch
unsere Änderungen übernommen, aber wir haben diese immer noch nicht auf GitHub
bereitgestellt. Und um diese einzusetzen, werden
wir das in der
folgenden Vorlesung tun.
9. Pushing Code: Wie Sie gesehen haben,
werden unsere Änderungen jetzt verfolgt und festgeschrieben, aber immer noch nicht in unserem
GitHub-Repository. Um unsere Änderungen an GitHub bereitzustellen, müssen
wir unseren Code pushen und ja, der
Begriff heißt
sowohl push als auch Befehl. Also kann ich in meinem Terminal einfach das Kommando über guten Push
benutzen. Das Ergebnis dieses
Befehls enthält
die Informationen zu unseren
Beitragsänderungen und so weiter. Dies ist jedoch nicht so wichtig,
da es größtenteils automatisiert ist. an dieser Stelle Wenn wir an dieser Stelle unser
Repository auf unserem GitHub besuchen würden, sollten
wir auch die
Datei index.HTML neben unserer Read
Me-Datei sehen . Dies bedeutet, dass
unsere neuesten Änderungen erfolgreich in unserem Repo
bereitgestellt
wurden. Und auch in dieser
oberen rechten Ecke können
wir sehen, dass wir zwei Commits
haben. Wenn du willst. Sie können sogar auf diese Commits klicken, um diese sehen,
wir können beispielsweise
unser erstes Commit sehen. Nun, das war unser
erstes Komitee, als wir unser Repo gründeten. Und für mich kann ich diesen Kometen
auch
hier sehen, wo ich
die HTML-Datei hinzugefügt habe. Hier könnten wir sogar in dieses Commit
eingehen. Ich sehe hier diese leere
HTML-Datei, die hinzugefügt wurde, die die Änderung selbst war. Nun, wie weiß Git
über unsere Änderungen Bescheid? Woher weiß es, dass unsere Commits nachverfolgte
und nicht verfolgte Dateien sind. Und wie hat
unser GitHub-Repo auch mit unserem
Repo verbunden , das wir lokal haben. Nun, lassen Sie mich Ihnen zeigen, wie Git im Hintergrund
funktioniert,
gehen Sie in Ihr Verzeichnis, das Sie lokal in diesem Ansicht-Menü
haben, Sie sollten
diese versteckten Dateien auswählen. Eine dieser versteckten Dateien ist dieser Ordner namens
The Dark Good. Sie werden sehen, als wir
unser Repo von unserem GitHub geklont haben, kam auch
der Ordner mit
diesem Repo. Und da wir dieses gute Tool auf unserem Computer
installiert haben, weiß
es, wie man
mit diesem Ordner arbeitet. In dieser Kombination wird
Bolt es uns ermöglichen, mit
unserem Repo zu arbeiten und
alle unsere Änderungen zu verfolgen. Trotzdem ist das alles schön und ziemlich einfach zu handhaben,
wenn Sie alleine sind. Aber wenn Sie mehr Leute in
Ihrem Team haben und eng
zusammenarbeiten, , nur an
dieser Master-Filiale zu arbeiten kann es ziemlich hektisch sein, nur an
dieser Master-Filiale zu arbeiten. Lassen Sie mich Ihnen also zeigen, wie
Sie einen anderen Zweig erstellen können.
10. Eine neue Filiale erstellen: Jetzt gehe ich zurück in das
Hauptterminal, das sie benutzen. Hier ist geplant, einen weiteren Zweig zu
erstellen. Um den Zweig zu erstellen, können
wir Git Checkout verwenden. Git Checkout ist der
Befehl, der
verwendet wird, um unsere
verschiedenen Zweige zu überprüfen. Wenn wir nur diesen Befehl verwenden, hätten
wir die Möglichkeit, von Zweig zu Zweig zu
wechseln. Aber da ich einen neuen Zweig
erstellen möchte, kann
ich einen Strich B passieren Dies ist eine Flagge, die für
einen Zweig neben dieser Flagge steht . Wir müssen hier auch
ein anderes Argument vorlegen, und das ist der
Name unserer Zweigstelle. Nun, die Marken
, die Sie dafür
machen möchten , ein
bisschen Hilfe hier. Versuchen Sie,
Ihre Niederlassungen immer zu benennen In der Zukunft , an der Sie
gerade arbeiten. Und das wäre eine
Standardbenennungskonvention für Zweige. Da ich
meiner HTML-Datei per Delta HTML-Inhalte hinzufügen
möchte , benennen
wir meinen
Zweig-HTML-Inhalt. Sobald Sie Ihren Befehl eingereicht
haben, können Sie sehen, dass
mein Zweig jetzt nicht mehr
gemeistert wird ,
sondern HTML-Inhalte. Selbst wenn ich
meinen Visual Studio-Code in
der unteren linken Ecke besuchen würde , kann
ich
HTML-Inhalte als Zweig sehen. Hier können Sie sehen, dass
Visual Studio Code schlau
genug ist , um zu erkennen, an welchem Zweig wir
gerade arbeiten. Um nur zu erwähnen, dass Sie in
Ihrem Terminal
sogar einen Befehl
namens git branch verwenden können . Mit diesem Befehl
erhalten Sie die Liste der Zweige für Ihr
aktuelles Repository. Für mich habe ich hier
nur zwei Zweige und dieser hervorgehobene Zweig ist mein aktueller Zweig, in dem
ich gerade bin. Jetzt erstellen wir dafür ein paar
HTML-Inhalte. Öffnen Sie die Index-HTML-Datei
und verwenden Sie hier HTML-Doppelpunkt fünf. Schulden verwenden, erstellen wir
automatisch einen HTML-Code, und dies ist nur
eine weitere Funktion, nur eine weitere großartige
Sache an Visual Studio Code. Jetzt werde
ich in diesem HTML-Code im Hauptteil meines HTML-Codes im Hauptteil meines HTML-Codes ein H1-Tag hinzufügen, dem Hello world steht. So könnten wir
zumindest einen Teil
des Inhalts hier haben, da wir diesen HTML-Inhalt haben, können
wir sicherstellen, dass wir diese Inhalte
in unserem Repo
bereitstellen. Dafür
öffne ich mein Terminal in Visual Studio Code und
verwende den Befehl git status. Hier können wir sehen, dass index.HTML, unsere Datei rot ist,
was bedeutet, dass es
sich um eine modifizierte Datei handelt, aber Änderungen werden noch nicht
inszeniert, naja, nicht verfolgt, verkauft, um diese Änderungen zu
inszenieren, die
ich verwenden muss git
add und dann das. Auch hier können wir
den Git-Status verwenden, um zu bestätigen, dass unsere Änderungen angemessen phasig
waren. Neben der Inszenierung unserer Änderungen sollten
wir
auch unsere Änderungen vornehmen. Und um das zu tun, verwende ich git commit mit der
spezifischen Nachricht. Meine Nachricht wird sagen, dass Inhalte zu einer HTML-Datei
hinzugefügt werden. Als letztes müssen
wir diesen Code, den wir erstellt haben
, in unser Repo schieben. Hier können wir jetzt nicht einfach den git push-Befehl
verwenden, da GitHub derzeit nichts
über unseren Zweig weiß , den
wir lokal erstellt haben, da dieser
HTML-Inhaltszweig mein lokaler Zweig ist. Es ist noch nicht auf GitHub. Also muss ich sicherstellen
, dass ich das nächste Mal, wenn ich mich
ändere, auch meinen Zweig
direkt auf GitHub schiebe. Um das zu tun,
verwende ich den Befehl git, push than dash u flag. Und danach verwende ich das Origin-Schlüsselwort und dann
den Namen meines Zweigs, der HTML-Inhalt ist. Mit diesem Befehl werden wir
den Upstream für
unseren Remote-Zweig einrichten den Upstream für
unseren Remote-Zweig und
denselben Zweig in unserem GitHub erstellen, der irgendwie der Ursprungszweig
unserer lokalen Niederlassung sein wird . Jetzt können
wir in unserem GitHub sehen, dass der neue
Zweig erstellt wurde. Selbst wenn ich dieses
Dropdown-Menü für Zweige umschalte, können
wir sehen, dass wir jetzt diese beiden Zweige
haben. Und wenn Sie
diesen HTML-Inhaltszweig auswählen und in die Index-HTML-Datei
gehen würden , können
wir einige Inhalte sehen, während wir
noch in unserem Master-Branch sind. Unsere Datei index.HTML hat überhaupt
keinen Inhalt. Das ist offensichtlich
gut, denn dadurch können
wir unseren
Code teilen, daran arbeiten und sobald alles fertig ist, können
wir diesen Code auch
wieder in den Master verschieben. darüber sprechen, können
Sie dieses Pop-up sehen,
in dem wir
aufgefordert werden , eine
neue Pull-Anfrage zu erstellen. Nun, wir werden
in den folgenden Videos damit arbeiten. Im Moment möchte ich mehr über
die Zweige
sprechen , damit Sie den Begriff richtig
verstehen können .
11. Was sind Branches: Der Begriff der Zweige
und die gesamte Zukunft der Zweige wird
basierend auf einem Baum erstellt. Hier der Baum
könnten wir unseren Hauptzweig haben, unseren Meisterzweig, der der Körper unseres Baumes
sein könnte. Dieser Hauptteil- oder Master-Zweig kann sich in
mehrere andere Zweige verzweigen. Und daneben können selbst diese
Zweige das Gleiche tun. Jetzt wird dies in GitHub etwas anders
dargestellt. Wir haben immer noch unseren Haupt
- oder Master-Zweig, aber es sieht
genauso aus wie eine Linie davon. Wir können uns in
andere Zweige verzweigen und all diese können wieder
in unsere Master-Filiale verschoben werden. Während wir an
diesen anderen Zweigen arbeiten, hätten
wir unsere
Commits und jede
dieser Gameten wird in diesen Zweigen
präsentiert. Und jeder Gamete wird
seine eigene spezifische ID haben , die wir kontinuierlich nutzen
können. Nun, um dies mit einem Team von Leuten ein
bisschen weiter zu zeigen. Nehmen wir an, wir haben
drei Personen in unserem Team. Wir haben das
Projekt begonnen und jeder
dieser Personen wird alle an einer bestimmten Aufgabe
arbeiten. Jede dieser Aufgaben oder Funktionen
sollte ein neuer Zweig sein. Jetzt besitzt unser Team den
neuesten Code, während es
an neuen Funktionen arbeitet , und keine ihrer Branchen weiß
noch voneinander. Nehmen wir an, dass
jeder von ihnen
mindestens drei Commits hatte ,
während er alleine arbeitete. Am Ende
konnten wir die Änderungen und Funktionen,
die unser Arbeitsteam geleistet hat, nicht zusammenführen . Und zu diesem Zeitpunkt wird
unsere Master-Filiale die
neuesten Änderungen vornehmen. Offensichtlich könnte
diese Verschmelzung Konflikte
verursachen, da Kälte gestört werden
könnte. Vor allem, wenn zwei
Personen, die
an einer ähnlichen oder
demselben Feature gearbeitet haben , aber Sie sehen, dass get intelligent
genug ist , um
Code entsprechend zusammenzuführen. Und wenn es irgendwelche
Konflikte gibt, wird
das Tor diese auf uns richten, wird
das Tor diese auf uns richten damit wir diese beheben können. Eins. Auch sehr häufiger Anwendungsfall
unserer Niederlassungen, insbesondere
mehrerer Niederlassungen. Nun, in diesem Anwendungsfall könnte es
um mehrere Umgebungen gehen. Nehmen wir zum Beispiel an, dass
wir unsere Master-Filiale haben, die unsere Produktion ist. Das bedeutet, dass unser neuester
Code in der Master-Filiale unser Live-Code auf unserer Website oder eine App neben diesem Master ist
, der direkt
mit unserer Website verbunden ist. Nun, wir möchten normalerweise
ein Entwicklungsumfeld durch Schulden schaffen. Wir können auch eine
Entwickler-Filiale direkt
neben
unserer Master-Filiale haben. Jetzt, an diesem Punkt, wenn wir an zusätzlichen Funktionen
arbeiten, werden
wir uns von Entwicklung und Arbeit
an diesen Funktionen abweichen und dann die gut verwalteten Code
wieder in Entwicklung bringen. Dies ermöglicht es uns also,
unseren Code zu testen, nicht weiterzuentwickeln. Vielleicht sogar in einer
Entwicklungsumgebung mit einem
eigenen Server, während eine
eigene Datenbank und so weiter bereitgestellt wird. Und sobald der Code gründlich
getestet und bereit ist , eingesetzt zu werden, können wir
unsere Entwicklung
des Codes von der Entwicklung
zu unserem Master und unseren Schulden gut verwalten . Wir aktualisieren unsere
Live-Website oder Anwendung. Dies bedeutet, dass unsere
Website oder Anwendung niemals oder zumindest
keine Fehler haben wird. Nun wird dieser Fluss, den sie
gerade gesehen haben, auch
Git-Flow genannt und ist
hochgradig anpassbar. Nun, diese Anpassung hängt von einer Teamskala und auch von der Software ab
, die Sie erstellen. Für größere Anwendungen möchten
Sie also nur
Ihre Entwicklungs- und
Produktionsumgebung haben , aber vielleicht eine
Staging-Umgebung, Testumgebung usw. Jetzt habe ich in diesem Video auch Konflikte
erwähnt. Mal sehen, wie diese verursacht und auch gelöst
werden können.
12. Umgang mit Konflikten: Lösen Sie einen Konflikt, wir
müssen zuerst einen erstellen. Konflikte treten normalerweise auf,
wenn derselbe Code aus zwei Zweigen
aktualisiert wird oder der Code gelöscht wird? Auf diese Weise gut. Man weiß, welche
Farbe zusammengeführt werden soll und es liegt an uns,
dieses Problem zu lösen. Da wir hier unseren
HTML-Inhaltszweig haben, können
wir einen weiteren Zweig erstellen und HTML-Inhalt ähnlich
machen. Auf diese Weise werden wir
HTML-Inhalte in Zweigen haben. Und als wir versuchten, diese
zusammenzuführen, wird das
aufgrund dieses Konflikts scheitern. das zu tun, gehe
ich zurück zu
meinem Master-Zweig und gehe zurück zum Master Branch. Ich muss das
Kommando über gute Kasse
und dann den Namen meiner
Marke verwenden , die Master ist. Jetzt erstelle
ich aus dem Master Branch einen neuen Zweig. Ähnlich wie
bei unseren HTML-Inhalten werde
ich einen
Website-Inhaltszweig erstellen, Websites werden normalerweise in HTML-Code
geschrieben. Jetzt in diesem Zweig wird
meine index.HTML wieder
leer sein, wird
meine index.HTML wieder
leer sein weil wir uns von unserem Master-Zweig verzweigt
haben. In dieser Datei werde
ich diesen HTML-Doppelpunkt
fünf erneut verwenden, um den
Startcode für HTML zu erstellen. Und jetzt werde ich
wieder HTML-Element in
meinem Körper mit
Website-Inhaltstext machen . Jetzt haben wir hier
unseren HTML-Inhalt. Es ist
unseren Inhalten, die wir in unserer anderen Branche haben
, sehr ähnlich . Stellen wir also sicher
, dass wir diesen Code so pushen wie wir es für unseren
HTML-Inhaltszweig getan haben. Um das zu tun, verwende ich
zuerst git add dot. Auf diese Weise werde ich
alle meine Änderungen inszenieren. Dann können wir git
commit mit der Nachricht von
neuen Websiteinhalten verwenden. Und schließlich können wir den
Befehl von git, push,
dash u, dann Ursprung
und dann unseren Zweig verwenden
, der Website-Inhalt ist. Auf diese Weise werden wir unsere Filiale und
unsere Inhalte in unser
GitHub-Repository
schieben . In unserem GitHub können wir jetzt sehen, dass wir tatsächlich
unsere drei Zweige haben. Schön. Lasst uns den Konflikt auslösen. Jetzt. Um den Konflikt zu verursachen, müssen
wir zu
unserem HTML-Inhaltszweig zurückkehren. Also git auschecken HTML-Inhalte. Jetzt können wir Git merge verwenden
, um zwei Zweige zusammenzuführen. Und ich werde eine Zusammenführung verwenden, den Ursprung meines
Website-Inhalts. Und hier ist es, der Konflikt besteht in dieser
Nachricht, die uns gezeigt wurde, wir können sogar sehen,
wo der Konflikt existiert und er befindet sich in
unserer Datei index.html. Lasst uns die Datei öffnen. In meinem Visual Studio-Code können
wir den Konflikt bereits sehen, können
wir den Konflikt bereits sehen wie er für uns offensichtlich
hervorgehoben wird. Dieser sollte
nicht zusammengeführt werden, da er hier viele
Fehler für uns verursachen kann. Nun, wir hätten
zwei verschiedene Titel, aber um ehrlich zu sein, möchte
ich wirklich nur einen haben. Also müssen wir diesen Konflikt
lösen. Jetzt möchte ich mit
diesem Hello WM-Titel hierher gehen. Also muss ich
mit der aktuellen Änderung fortfahren. Andernfalls würde ich
diese eingehende Änderung auswählen. Der andere Titel ist jetzt verschwunden , weil wir
die aktuelle Änderung ausgewählt haben. Und damit
lösen wir auch den Konflikt. wir nun sicher, dass unsere neuesten Änderungen jetzt
vorgenommen und auch vorangetrieben werden. Also werde ich in meinem Terminal noch
einmal git add dot
verwenden. Danach
verwende ich git
commit mit der Meldung, Konflikte zu
beheben. Und schließlich kann ich
einfach Git Push benutzen. Offensichtlich müssen wir den neuen Ursprung hier nicht
erstellen da wir bereits unseren
Zweig im GitHub-Repository haben. In unserem GitHub
sehen wir immer noch unsere Zweige und jetzt
enthält der HTML-Inhalt den neuesten Code. Wie können wir diese
Änderungen in unseren Master-Branch zusammenführen? Nun, darüber werden
wir im folgenden Video sprechen.
13. Erstellen von Pull: Was denken Sie, wenn wir vorhaben,
unsere Änderungen aus dem
HTML-Inhaltszweig in
unseren Master-Branch zusammenzuführen HTML-Inhaltszweig in ? Sollten wir das
genauso machen wie im letzten Video, führen Sie Inhalte aus
unseren HTML-Inhalten manuell in
unseren Master-Branch zusammen. Nun, vorerst wird es
keine Konflikte geben, weil
wir diese bereits behoben haben. Und ja, wir können
Zweige wie diese zusammenführen. Es wird kein Problem sein. Aber es ist auch nicht die
beste Vorgehensweise. Wenn Sie eigene
Hauptzweige wie
Master oder einen
Entwicklerzweig für die Entwicklung haben , oder testen Sie den
Zweig sogar zum Testen. Nun, Sie möchten den Code nicht
einfach nur im Inneren verwalten. Eine viel bessere Lösung
dafür besteht zum Beispiel darin,
eine Pull-Anfrage von
Ihrem eigenen Zweig in den
Master-Zweig zu erstellen eine Pull-Anfrage von . Auf diese Weise können wir
unseren Code noch einmal überprüfen und
prüfen, ob alles in Ordnung ist. Außerdem können wir unseren
Code kommentieren und wir können viel,
viel mehr tun , um so etwas zu tun. Klicken Sie
in Ihrem GitHub-Repo auf diese Pull-Anfragen. Jetzt können wir von hier aus einfach diese neue Pull-Anfrage
auswählen. Jetzt werden wir aufgefordert, zwei Zweige
auszuwählen. Der erste Zweig ist
der Zweig, von wo aus wir unseren Code verwalten
möchten. Und der andere Zweig ist, in welchem Zweig
möchten wir unseren Code zusammenführen? Also möchte ich meinen
Code im Master zusammenführen, und ich werde den Code
aus dem folgenden HTML-Inhalt herausgeben. Jetzt können wir sehen, dass es sich vor unserem
Master-Branch
befindet,
was bedeutet, dass
alle diese geänderten Commits
und Inhalte, die
geändert wurden, auch
im Master-Zweig sein werden, wenn wir diesen Code
zusammenführen alle diese geänderten Commits
und Inhalte, die
geändert wurden, auch
im Master-Zweig sein werden, . Vorerst. Wir haben keine Konflikte. Und selbst wenn wir
Konflikte als diese Schaltfläche hätten, zeigen
wir, um unseren Code zusammenzuführen , diejenigen, die uns sind. Lassen Sie uns einfach unseren Pull-Request
erstellen. Sobald wir das getan haben, werden wir unsere Polaranfrage
weitergeleitet. Hier können wir unseren Code überprüfen und den
Code noch einmal überprüfen. Außerdem können wir andere
Personen hinzufügen, um unseren Code zu überprüfen. Wie andere Gutachter können
wir auch
unseren Pull-Request und
vieles, vieles mehr kennzeichnen . Warum sind diese
Pull-Requests eine gute Idee? Nun, wir könnten Teammitglieder dazu bringen, unseren Code zu überprüfen. Vielleicht könnten sie
etwas erkennen, das wir nicht hatten, damit wir es umgestalten können. Klicken wir nun auf diese
Zusammenführungsanfrage und bestätigen sie. Es sollte nicht lange dauern. jedoch auf
unsere Codepage zurückgehen, werden
wir sehen, dass
unser Master-Branch unsere Index-TML-Datei enthält. Wenn wir diese Datei eingeben würden, können
wir sehen, dass die Änderungen darin die neuesten
Änderungen sind, die wir hatten. Jetzt, da Sie über den
Workflow mit Git und GitHub Bescheid wissen, üben
wir ein bisschen. Was ich möchte, dass du den neuen Zweig erstellst. Dieser Zweig muss uns dienen,
um die CSS-Datei zu erstellen. In dieser Datei
möchte ich, dass Sie unser H1-Tag oder rot
färben. Dann stellen Sie sicher, dass Sie Ihre Änderungen inszenieren
und übernehmen. Und sobald Sie fertig sind, können
Sie Ihre
eigene Pull-Request erstellen und all diese
Änderungen im Master
verwalten. Und mach dir keine Sorgen, wenn du dir deiner Fähigkeiten
noch nicht sicher bist. Das werden wir gemeinsam
im folgenden Video machen.
14. Üblicher Workflow mit Git & Github: Hattest du also Erfolg? Keine Sorge, wenn du es nicht getan hast, bist
du hier, um es zu lernen. Also lasst uns das jetzt zusammen machen. Das erste, was wir tun
müssen, ist,
unseren Zweig zu erstellen , in dem wir unsere CSS-Datei erstellen
werden. Und der Code ist, dass wir uns derzeit
in einem anderen Zweig befinden. Schauen wir uns unsere
Master-Branche an und stellen Sie sicher , dass wir von diesem Zeitpunkt an unsere neuesten
Änderungen vornehmen.
Es sollte einfach sein, einen neuen Zweig zu
erstellen. Um also zu unserem Master-Branch zu gelangen, müssen
wir den Befehl des
Git Checkout-Masters verwenden. Da sich unser lokaler Master-Zweig hinter unserem
GitHub-Master-Zweig
befindet, sollten
wir die neuesten
Änderungen vornehmen, damit unser Code
derselbe ist und wir keine Konflikte
verursachen. Das ist wirklich einfach, verwenden Sie
einfach den Git-Pool
unten, jetzt können wir sogar die Änderungen sehen, die aus dem GitHub-Repository
gezogen wurden . Und jetzt, da wir
unsere neuesten Änderungen haben, können
wir unsere Niederlassung erstellen,
in der wir unser CSS hinzufügen werden. Dafür verwende ich
den Befehl Git, Checkout Dash B, dann wird
der Name des Zweigs CSS-Dash-Inhalt
sein. Lasst uns also unseren
Code-Editor öffnen und etwas CSS hinzufügen. Das erste, was Sie tun müssen
, ist, unsere CSS-Datei zu erstellen. Also werde ich eine
Mine benennen styles.css. Ich importiere mein CSS auch mit einem Link-Tag
in mein HTML. Und schließlich
möchte ich mein H1-Tag in die rote Farbe färben. Wechseln Sie
dazu in Ihre CSS-Datei, zielen Sie auf Ihr H1-Tag und verwenden Sie die Farbe Rot darauf. An dieser Stelle sind wir mit unserer Aufgabe
ziemlich fertig. Wir können es sogar testen, um
sicher zu gehen, dass alles in Ordnung ist. Um es zu testen,
doppelklicken Sie einfach auf Ihre Datei
index.html, um
sie in Ihrem eigenen Browser zu öffnen. Und hier ist es. Es scheint, dass unser Titel rot ist, was bedeutet, dass wir unsere Änderungen jetzt
veröffentlichen können
, um unsere Änderungen zu veröffentlichen, wir haben mehrere Schritte. Wir müssen diese Änderungen
inszenieren, diese verpflichten, diese vorantreiben und schließlich
unsere Pull-Anfrage erstellen. Zuallererst werde ich
diese mit git add dot inszenieren. Jetzt kann ich diese mit
dem Befehl git commit verpflichten, und die Nachricht wird den Titel rot
färben. Schließlich können wir diese
Änderungen mit dem Befehl von Git Push Origin CSS Content vorantreiben. An dieser Stelle haben wir alle
unsere Änderungen in unserem GitHub, aber derzeit nicht in
unserer Master-Filiale. Lassen Sie uns also hier die
Pull-Anfrage erstellen. Jetzt können wir
unseren Pull-Request erstellen und
wir sollten auch
unsere Filialen auswählen , von
denen aus wir unseren Code
überwachen möchten und
in welchen Zweig. Also wähle ich CSS-Inhalte aus, aus denen ich meinen Code zusammenführen
möchte. Und ich wähle
den Master-Zweig ,
in welchen Zweig ich meinen Code zusammenführen
möchte. Überprüfen Sie unbedingt Ihre Änderungen
und wenn alles in Ordnung ist, können
Sie
diese einfach zusammenführen und das sollte so ziemlich genau das
sein. Dies ist der übliche Workflow
mit dem Git und GitHub. Und mach dir keine Sorgen, wenn
du es nicht beim ersten Mal kapierst. Probieren Sie es ein paar Mal aus. Und wenn Sie
an einem echten Projekt arbeiten sollte es in Ordnung sein. Auch um zu erwähnen
, dass die Arbeit an bedeutenderem Projekt
oder in einem größeren Team arbeitet. Nun, an diesem Punkt kann der
Get Flow variieren. Dieser übliche
Git-Flow, den Sie gerade
gesehen haben, könnte also viel komplexer sein, aber das ist etwas, mit dem
wir uns alle auseinandersetzen müssen. Lassen Sie mich Ihnen jetzt das
Tool zeigen, das Sie verwenden können. Sie müssen also nicht einmal
Ihr Terminal fast benutzen .
15. Github Desktop: Das Tool, das ich Ihnen zeigen möchte,
heißt GitHub Desktop. Besuchen Sie dazu
den Desktop, GitHub.com
Zugriff auf das Tool erhalten, müssen Sie das Tool für
Ihr Betriebssystem herunterladen und installieren. Und sobald du das getan hast, kannst du mit diesem Video
fortfahren. Wenn Sie GitHub
Desktop installiert haben, öffnen Sie ihn
unbedingt. Lasst uns zuerst
reden, was es ist. Nun, GitHub Desktop ist eine ausgezeichnete
Desktop-Anwendung, wir unsere Repos sehen können. Daneben können wir
mit unseren Repos arbeiten und alle Befehle verwenden
können ,
ohne das Terminal zu verwenden. Wir können also einfach
auf Gesäß anzeigen klicken indem wir
diesen GitHub-Desktop betreten, Sie werden nicht viel sehen,
aber Sie sollten die Möglichkeit
haben, Ihr eigenes Repo
hinzuzufügen. Von hier aus können Sie ein neues Repo
erstellen oder
eines vom GitHub oder
sogar im lokalen Repo abrufen . In diesem Beispiel fügen wir
unser lokales Repo hinzu, da wir auf diese Weise
das lokale Repo
verwenden, aber auch
das auf einem GitHub verwenden werden da unser lokales Repo
auch auf GitHub gespeichert ist. Wenn Sie das
lokale Repository auswählen, wählen Sie
unbedingt den Pfad zu Ihrem Repo auf Ihrem
Computer aus und übermitteln Sie diesen. Jetzt können wir
unsere aktuelle Filiale
hier schon sehen und auch repo. Nehmen wir also ein paar Änderungen vor. Ich gehe in meinen Visual
Studio-Code und füge meinem Körper eine Hintergrundfarbe hinzu
, um grün zu sein. Das wird definitiv hässlich aussehen, aber das ist nicht
der Designkurs. Wichtig ist
hier, dass
Sie beim Besuch Ihres GitHub Desktops Ihre Änderung von hier aus
sehr deutlich sehen können. Jetzt können wir unseren Code verpflichten und eine Nachricht
für dieses Commit übergeben. Wenn wir das tun, sollte
das unseren Code in einem Ziel inszenieren und verpflichten. Wenn Sie so etwas machen, sollten Sie
danach
diese Option für Porsche haben. Und es ist offensichtlich
, unseren Code zu schieben. Mit nur diesem einfachen
Klick auf einen Button können
wir
unsere Änderungen sofort an unserem GitHub verschieben. Sobald das fertig ist, erhalten wir
sofort die
Option für einen Pull-Request. Also lasst uns das auch machen. Wenn Sie auf diese Option klicken,
werden die Wähler zu GitHub weitergeleitet. Wir können bereits
einen Pull-Request erstellen, damit wir einfach alles überprüfen
und zusammenführen können. Dadurch können Sie sehen, dass
GitHub Desktop vielleicht die
einfachere Option für Sie ist. Trotzdem würde ich
Ihnen raten zu lernen, wie das Terminal
mit den Befehlen verwenden, da das Terminal
nicht
nur für
viele Technologien verwendet wird . Wir verwenden ein Terminal mit
bestimmten Befehlen, um
ihre eigenen Funktionen zu installieren, zu
aktualisieren und zu löschen. Also solltest du dich daran gewöhnen. Jetzt zur nächsten
Vorlesung, Forking.
16. Vorbeigegangen: Forking ist ein bestimmter Begriff
und auch die Zukunft. Es wird verwendet, wenn Sie etwas öffentliches
erstellen möchten, damit jeder sehen kann und auch
jeder darauf zugreifen kann. Zum Beispiel, wenn Sie
anderen Personen erlauben möchten,
Ihren Code zu klonen und Ihren Code weiter
zu bearbeiten. Nun, dann kommt
das Forken an Ort und Stelle. Das einzige, was Sie tun
müssen, ist
sicherzustellen, dass es sich bei Ihrem Repo um
ein öffentliches Repo handelt. Und mit Git und GitHub können
Sie diese
Berichte abgeben. Dieses Forking ist eine ganze Zukunft die unsere
Entwicklungsgemeinschaft einiges verbessert. wir nun sicher
, dass wir unser Projekt forken. Nun, da es so gut ist, das Repository
zu forken, werde
ich mich zuerst von
meinem GitHub-Profil abmelden ,
da
ich sonst mein eigenes Repository nicht forken kann , da
ich der Besitzer davon bin. Sobald ich abgemeldet bin, kann
ich mein Repo sehen. Nun, sehe immer noch mein Repo,
obwohl ich mich nicht bei meinem
Konto anmelde, weil mein Repository, als
ich mein Repository erstellt
habe, es öffentlich eingestellt habe. Wenn Sie Ihr eigenes als privates Repository festlegen, können
Sie einfach in
die Einstellungen
dieses Repositorys gehen und dies ebenfalls
ändern. Ansonsten kannst du es
privat behalten und dir einfach dieses Video ansehen
. In der oberen rechten Ecke habe ich diesen Formular-Button. Da ich in keinem Konto
eingeloggt bin. Und um das
Repository von jemandem zu forken, muss
ich eingeloggt sein. Nun, ich werde automatisch
gelesen, um mich anzumelden. Dieses Mal werde
ich mich wieder mit einem anderen
Konto anmelden, damit ich
das Repository von
meinem ersten Konto aus abzweigen kann das Repository von
meinem ersten Konto aus sobald ich diese Fork-Option ausgewählt habe, naja, alles von dort aus, wir werden ziemlich sein automatisch. Manchmal kann GitHub
Sie nach
bestimmten Berechtigungen fragen , aber es ist einfach. Sobald das Repo
gegabelt wurde, gehört es dir. So kannst du
damit machen, was du willst. Zum Beispiel können Sie
weiter darauf aufbauen. Oder Sie können
Ihren Code festschreiben und
die Pull-Anfrage direkt
zum Hauptrepo erstellen . So funktioniert Open
Source Software auch. Wir als Community können den Code von jemandem gut aufnehmen, Open-Source-Code, wir
können einige Fehler beheben. Wir könnten
zusätzliche Funktionen hinzufügen und zusätzliche Funktionen
vorschlagen. Und wir können
diesen Code erneut verpflichten und
unsere eigene Pull-Anfrage aus unserem eigenen gegabelten Repo in
das Hauptrepository erstellen. Der Besitzer dieses
Haupt-Repositorys kann unsere Pull-Anfrage annehmen, was bedeutet, dass wir
dieses Tool
gemeinsam verbessert und
diese Software verbessert haben. Und mit dieser Forking sind
wir fast fertig. Ich möchte
dir nur noch ein Feature zeigen. Diese Funktion bezieht sich
nur auf GitHub und heißt GitHub Pages.
17. Github Seiten: Eine der besten Funktionen
, die GitHub bietet, und auch eine der
neuesten Funktionen heißt GitHub Pages. Github Pages ermöglichen es
uns,
unsere Inhalte auf einfache Weise in einer Domain zu hosten , die
GitHub für uns vorbereitet. Diese Domain wird normalerweise von unserem Repository
benannt. Und es erfordert, dass wir
die Index-HTML-Datei auf
der Root-Ebene unseres
Repositorys haben ,
damit sie
den Inhalt dieser Datei lesen und auch abrufen kann. Lassen Sie uns nun gemeinsam unseren Code bereitstellen
und veröffentlichen, unser Projekt, das wir dazu
in GitHub Pages erstellt haben, besuchen Sie Ihr Repository und
klicken Sie auf diese Registerkarte Einstellungen. Auf der linken Seite
dieser Einstellungen gibt es viele
verschiedene Optionen, aber bitte
wählen Sie hier Seiten aus. Hier können wir unsere GitHub Pages einrichten und
konfigurieren. Und um ehrlich zu sein,
müssen wir dafür kein Skript ausführen. Es wird alles für uns tun. Als erstes
müssen wir den Zweig auswählen , aus dem wir unsere Inhalte bereitstellen
möchten. Nun für uns wird dies unsere Master-Filiale
sein. auch sicher, dass Sie den
Stamm des Projekts auswählen,
ist unsere Datei index.HTML im Stammverzeichnis. Speichern Sie das jetzt einfach und Sie sollten den
Link zu Ihrer Domain sehen. Der Link selbst sollte
den Inhalt Ihrer Website enthalten. Geben Sie ihm auch
ein bisschen Zeit, da es
manchmal ein paar
Minuten braucht, um es live zu präsentieren. Aber sobald alles
fertig ist und die
Website bereitgestellt ist, sollten
Sie sehen, was ich hier sehe. Nun, mein Inhalt,
und um ehrlich zu sein, ist
es eine ziemlich großartige Website. Nun, es ist ein weiteres
Tutorial dazu, aber über Git und GitHub. Aber mit dieser Funktion, GitHub-Seiten, sind wir
ziemlich fertig. Lassen Sie uns einfach in
das folgende Video gehen , um uns ebenfalls richtig zu verabschieden.
18. Vielen Dank für Ihre Bewertung: Nun, ich schätze,
das ist es Leute. Wir haben diesen Kurs
zusammen beendet und ich
möchte mich wirklich bei Ihnen bedanken. Du nimmst an diesem Kurs
bedeutet mir sehr viel. Was Sie jetzt tun könnten, ist
auch eine Bewertung abzugeben. Die Überprüfung selbst kann einfach sein und auch
ehrlich sein. War dieser Kurs wirklich auf dich
geachtet? Auch? War es auf Anfänger zugeschnitten? Und hast du etwas
Nützliches und darüber gelernt, hoffe
ich, dass du dein
Wissen ein wenig verbessert hast oder
zumindest verbessert hast. Als wir viele Funktionen
durchgegangen sind. Als Beispiel haben wir Git
durchlaufen und GitHub im Allgemeinen wird Git als Tool
installiert. Und du wurdest auch mit ihm
vertraut gemacht. Sie haben gesehen, was es ist,
wofür wir es verwenden können, und auch den üblichen
Workflow mit Git. Dieser übliche Workflow
beinhaltete das Erstellen
eines Repositorys,
das Klonen dieses Repositorys, das
Bereitstellen unserer Änderungen, das
Verfolgen dieser Änderungen ,
das Festlegen und das Pushen
unseres Codes. Offensichtlich haben wir es nicht gelernt, kommen
einfach her, aber
wir benutzen auch den GitHub. Github half uns, unsere Filialen zu
verwalten, Änderungen zu checken
und zu verpflichten, während wir
unseren Code auch zusammenführen konnten, wann wir wollten Sie haben auch
den Begriff der Zweige verstanden. Du hast gesehen, wie
du damit umgehen kannst? Sie haben auch gesehen, was Pull-Request
ist. Wir haben auch ein paar
Umfrage-Anfragen verwendet. Daneben haben wir
Konflikte behoben und auch unser Repo
gegabelt. Schließlich haben wir
den Diskurs
mit zwei großartigen
Funktionen von GitHub,
GitHub Pages und GitHub Desktop abgeschlossen mit zwei großartigen
Funktionen von GitHub,
GitHub . Wir verwenden Desktop, um unser
Repo ohne Terminal zu verwalten. Und wir verwenden die Seiten auch,
um unseren Code,
unsere Website, auf einer von GitHub
angegebenen Domain bereitzustellen . Nun, wenn dir dieser
Kurs von mir gefallen hat und du auch mehr
Inhalte von mir sehen möchtest. Besuchen Sie dazu unbedingt meinen
YouTube-Kanal. Auf meinem YouTube-Kanal findest
du Tutorials für verschiedene Technologien wie
Bootstrap, Angular, verschachtelte JS. Daneben gibt es Crash-Kurse
sowie ein ganzes Projekt. Hier auf Skillshare. Sie können auch viele
verschiedene Projekte von mir finden. Wenn Sie sich also für diese
interessieren, schauen Sie sich diese unbedingt an. Und schließlich können Sie immer meine offizielle
Website dort
besuchen, Sie finden alle meine Tutorials und Kurse, die ich habe. Nochmals vielen Dank, dass Sie diesen Kurs
angeschaut und beendet haben. Ich hoffe, dass ich dich auch
in anderen Kursen sehe. Tschüss.