{"id":63618,"date":"2023-07-10T11:09:47","date_gmt":"2023-07-10T10:09:47","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=63618&preview=true&preview_id=63618"},"modified":"2023-08-01T07:18:52","modified_gmt":"2023-08-01T06:18:52","slug":"wie-man-code-auf-github-veroeffentlicht","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wie-man-code-auf-github-veroeffentlicht\/","title":{"rendered":"Wie man Code auf GitHub ver\u00f6ffentlicht: Schritt f\u00fcr Schritt"},"content":{"rendered":"

Die Implementierung einer Versionskontrolle w\u00e4re ein einfaches Unterfangen, wenn du nur als Einzelk\u00e4mpfer mit einem lokalen Projektarchiv arbeiten w\u00fcrdest. Das ist jedoch bei vielen professionellen Projekten nicht der Fall. Stattdessen b\u00fcndelt ein Team seine Ressourcen in einem Remote-Repository auf einem Host wie GitHub<\/a>. Deshalb ist es wichtig zu lernen, wie du auf GitHub pushen kannst, denn das ist Teil deines Arbeitsablaufs.<\/p>\n

In diesem Beitrag zeigen wir dir, wie du mit der Kommandozeile einen Push zu GitHub durchf\u00fchrst. Au\u00dferdem werfen wir einen Blick auf spezielle Apps, die den Prozess vereinfachen. Am Ende des Artikels gehen wir darauf ein, warum du Pull Requests lernen solltest und wie sie mit dem Pushen von Code zusammenh\u00e4ngen. Schauen wir uns zun\u00e4chst an, wie du GitHub f\u00fcr deine Projekte nutzen kannst.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Wie ein Entwickler oder Programmierer GitHub nutzt<\/h2>\n

GitHub<\/a> ist f\u00fcr Entwickler\/innen und Programmierer\/innen auf der ganzen Welt aus vielen Gr\u00fcnden ein unverzichtbares Werkzeug. Mit GitHub kannst du deinen Code an einem zentralen Ort speichern, so dass du leicht darauf zugreifen kannst und die Zusammenarbeit mit anderen Entwicklern erleichtert wird.<\/p>\n

\"Das
Das GitHub-Logo.<\/figcaption><\/figure>\n

Du kannst auch die \u00c4nderungen an deinem Code verfolgen und bei Bedarf zu fr\u00fcheren Versionen zur\u00fcckkehren. Dar\u00fcber hinaus bietet GitHub Tools zur Verwaltung von Problemen und Fehlern, was die Pflege deiner Codebasis vereinfacht.<\/p>\n

Die Zusammenarbeit ist einer der Hauptgr\u00fcnde, warum du GitHub als dein bevorzugtes Versionskontrollsystem (VCS)<\/a> nutzen solltest. Es erm\u00f6glicht dir, Code zu teilen, \u00c4nderungen zu verfolgen und ohne viel Aufwand an Problemen zu arbeiten. Das kann die Effizienz steigern und zu einer besseren Codequalit\u00e4t f\u00fchren.<\/p>\n

Mit GitHub kannst du au\u00dferdem problemlos mehrere Versionen einer Codebasis verwalten, \u00c4nderungen nachverfolgen und sie bei Bedarf wieder zur\u00fccknehmen. Gro\u00dfe Projekte und Open-Source-Gemeinschaftsprojekte sind nur zwei M\u00f6glichkeiten, wie GitHub seinen Wert unter Beweis stellen wird.<\/p>\n

Auch einfache Anwendungsf\u00e4lle k\u00f6nnen ideal sein. Du k\u00f6nntest z.B. den Code f\u00fcr dein Webentwicklungsprojekt<\/a> speichern und bei \u00c4nderungen per Fernzugriff aktualisieren. Auch Continuous Integration\/Continuous Deployment (CI\/CD) Projekte werden von der Automatisierung in Form von GitHub Actions<\/a> w\u00e4hrend der Build-Phasen profitieren.<\/p>\n

\"Ein
Ein Beispiel daf\u00fcr, wie sich GitHub Actions in einen Workflow einf\u00fcgen.<\/figcaption><\/figure>\n

Insgesamt bietet GitHub – und andere Remote-VCS-Hosts wie GitLab<\/a> – eine Plattform f\u00fcr Zusammenarbeit, Versionskontrolle und andere Entwicklungsabl\u00e4ufe. Es kann helfen, den Entwicklungsprozess zu rationalisieren und die Codequalit\u00e4t zu verbessern. Deshalb solltest du lernen, wie du auf GitHub pushen kannst, denn dieses Wissen wird dir fast jeden Tag zugute kommen.<\/p>\n

Push zu GitHub \u00fcber das Terminal (Kommandozeile)<\/h2>\n

Der Rest dieses Artikels zeigt dir, wie du auf GitHub pushen kannst. Dieser Prozess ist einfach zu verstehen und auszuf\u00fchren.<\/p>\n

Du musst jedoch sicherstellen, dass du dein Projekt vorher einrichtest, sonst treten Fehler auf. In unserem ersten Abschnitt schauen wir uns an, welche Werkzeuge und F\u00e4higkeiten du brauchst, und gehen dann im Detail auf den Prozess selbst ein.<\/p>\n

Was du f\u00fcr den Push auf GitHub brauchst<\/h3>\n

Es ist wichtig, dass du dein Projekt so einrichtest, dass du ein Remote Repo verwenden und das Pushen in deinen Arbeitsablauf integrieren kannst. Zuallererst brauchst du also ein Git-Repository<\/a> – ein „Repo“, in dem du deinen Code speicherst. Betrachte es als einen Ordner, der die Dateien deines Projekts enth\u00e4lt.<\/p>\n

Der gesamte Prozess der Versionskontrolle beginnt in einer lokalen Umgebung auf deinem Computer. Die genauen Schritte dazu erkl\u00e4ren wir dir sp\u00e4ter, aber vielleicht hast du diese Kenntnisse bereits (oder wei\u00dft, wo du sie findest)<\/p>\n

Du brauchst au\u00dferdem ein GitHub-Konto. Du k\u00f6nntest aber auch einen anderen Online-VCS-Host wie GitLab<\/a>, BitBucket<\/a>, Buddy<\/a> und andere verwenden. Die Anweisungen, die wir dir hier geben, lassen sich gr\u00f6\u00dftenteils auch auf andere Plattformen \u00fcbertragen. Diese Hoster zu vergleichen, w\u00fcrde jedoch den Rahmen dieses Artikels sprengen.<\/p>\n

Um deinen Code auf GitHub zu pushen, kannst du entweder die Kommandozeile oder eine grafische Benutzeroberfl\u00e4che (GUI) verwenden. Der Hauptteil unseres Beitrags befasst sich mit dem Arbeitsablauf in der Kommandozeile, aber es gibt auch einen Abschnitt \u00fcber die Verwendung einer GUI, da einige davon sehr beliebt sind. Beachte jedoch, dass jede GUI einen anderen Prozess f\u00fcr den Push zu GitHub hat, was bedeutet, dass du dich an eine bestimmte App halten musst, um sie optimal zu nutzen.<\/p>\n

Stelle schlie\u00dflich sicher, dass du den richtigen Zugang zu deinem Projektarchiv hast. Die Dokumentation von GitHub<\/a> ist hier sehr ausf\u00fchrlich und du solltest entweder HTTPS-Zugangstoken oder Secure Shell (SSH)-Zugang<\/a> verwenden. Ohne diesen Zugang wirst du nicht arbeiten k\u00f6nnen!<\/p>\n

1. Ein GitHub-Repository erstellen<\/h3>\n

Der erste Schritt besteht darin, ein neues Online-Repository bei GitHub zu erstellen. Das kannst du zwar \u00fcber die Kommandozeile tun, aber es ist genauso einfach, wenn du einen Webbrowser verwendest.<\/p>\n

Wenn du dich bei GitHub anmeldest oder registrierst, suchst du in der oberen rechten Ecke des Bildschirms nach einem Plus<\/strong>-Dropdown-Men\u00fc neben deinem Profilavatar. Wenn du es \u00f6ffnest, werden dir einige Optionen angezeigt, darunter Neues Repository<\/strong>:<\/p>\n

\"Ein
Du kannst ein neues Repository in GitHub erstellen.<\/figcaption><\/figure>\n

Wenn du darauf klickst, kommst du auf die Seite Neues Repository erstellen<\/strong>. Hier findest du eine Reihe von Einstellungen, mit denen du dein Projektarchiv einrichten kannst:<\/p>\n

\"Der
Ein neues Repository in GitHub erstellen.<\/figcaption><\/figure>\n

Die Optionen, die du hier einstellst, h\u00e4ngen von den Bed\u00fcrfnissen deines Projekts ab. Wenn du jedoch bereits ein lokales Repository hast, das du an GitHub pushen kannst, solltest du so wenig wie m\u00f6glich ankreuzen, damit die Einstellungen f\u00fcr das lokale und das Remote-Repository gleich bleiben.<\/p>\n

Klicke nun auf die Schaltfl\u00e4che Repository erstellen<\/strong> und GitHub richtet alles unter der Haube ein. Du gelangst nun zur Startseite des Projektarchivs, wo du Anweisungen findest, wie du ein neues lokales Projektarchiv einrichtest, das \u00fcber die Kommandozeile mit dem remote Projektarchiv verkn\u00fcpft wird. Welchen Weg du gehst, h\u00e4ngt davon ab, ob du noch kein Repo hast oder den Inhalt eines bestehenden Projekts klonen m\u00f6chtest.<\/p>\n

Wenn du Git bereits initialisiert und dein lokales Projektarchiv eingerichtet hast, brauchst du Schritt zwei nicht auszuf\u00fchren. Stattdessen kannst du direkt zum dritten Schritt \u00fcbergehen, in dem es darum geht, Code von deinem lokalen Projektarchiv nach GitHub zu pushen.<\/p>\n

2a. Klone dein remote Git Repo<\/h3>\n

Wenn du noch kein lokales Repo hast, ist die GitHub-Version die einzige. Am besten synchronisierst du beide Standorte, indem du den Befehl git clone auf deinem Computer verwendest. Allerdings brauchst du die URL f\u00fcr dein Repo.<\/p>\n

Um diese zu erhalten, rufe das Projektarchiv auf GitHub auf und suche nach der gr\u00fcnen Dropdown-Option Code<\/strong> \u00fcber der Liste der Dateien:<\/p>\n

\"Ein
\u00d6ffnen des Code-Dropdown-Men\u00fcs in GitHub.<\/figcaption><\/figure>\n

Wenn du das nicht siehst, liegt das wahrscheinlich daran, dass du noch kein Repo hast. Du kannst die URL des Projektarchivs auch aus dem blauen Feld f\u00fcr die Schnelleinrichtung oben auf dem Bildschirm kopieren. Wechsle einfach \u00fcber die Schaltfl\u00e4chen zu HTTPS und kopiere die URL.<\/p>\n

\"Ein
Kopieren einer Repo-URL-Adresse in GitHub \u00fcber die Schnelleinstellungen.<\/figcaption><\/figure>\n

Wir w\u00fcrden es jedoch vorziehen, eine .gitignore<\/strong>-Datei zu erstellen, da du diese ohnehin ben\u00f6tigst. Du kannst gitignore.io<\/a> nutzen, um nach den Tools zu suchen, die du verwendest, und von dort aus eine vollst\u00e4ndige .gitignore<\/strong>-Datei erstellen, die du in das Repo hochl\u00e4dst:<\/p>\n

\"Die
Die gitignore.io Website.<\/figcaption><\/figure>\n

Sobald du das Dropdown-Men\u00fc Code<\/strong> \u00f6ffnen kannst, werden die URLs f\u00fcr dein Repository angezeigt. Es gibt Optionen f\u00fcr HTTPS, Secure Shell (SSH) und andere. Am einfachsten ist es jedoch, die HTTPS-URL zu verwenden. Du kannst auf das kleine Symbol „Kopieren<\/strong>“ neben der betreffenden URL klicken, um sie in die Zwischenablage zu kopieren.<\/p>\n

Gehe dann zur\u00fcck zu deinem Terminal oder deiner Kommandozeilenanwendung und f\u00fchre Folgendes aus:<\/p>\n

git clone <full-github-url><\/code><\/pre>\n
Sobald du den Befehl ausf\u00fchrst, kopiert Git das entfernte Projektarchiv in deine lokale Umgebung.<\/p>\n
2b. Initialisiere Git in deinem lokalen Projektordner<\/h3>\n
F\u00fcr Situationen, in denen du noch keine lokale Version deines entfernten Repos hast, musst du eine initialisieren. Die meiste Arbeit wirst du lokal erledigen, wobei du die \u00c4nderungen in regelm\u00e4\u00dfigen Abst\u00e4nden auf den Remote-Server \u00fcbertr\u00e4gst. Hier sind die Schritte:<\/p>\n