Anleitung: Visual Studio Code & GitHub Desktop auf macOS installieren und verbinden
Diese Anleitung hilft dir, zwei wichtige Tools für die Softwareentwicklung zu installieren und einzurichten: Visual Studio Code (ein Code-Editor) und GitHub Desktop (ein einfaches Tool zur Versionskontrolle).
Teil 1: Visual Studio Code installieren
1. Visual Studio Code herunterladen:
- Öffne deinen Webbrowser (z.B. Safari oder Chrome).
- Gehe zu dieser Adresse:
https://code.visualstudio.com/
- Du siehst einen großen "Download for macOS" Button. Klicke darauf.
2. Visual Studio Code installieren:
- Nach dem Download findest du eine Datei namens
VSCode-darwin-universal.zip (oder ähnlich) in deinem "Downloads"-Ordner.
- Doppelklicke auf die
.zip-Datei, um sie zu entpacken. Du erhältst eine Anwendung namens "Visual Studio Code".
- Ziehe die "Visual Studio Code"-Anwendung in deinen "Programme" (Applications)-Ordner.
- Du kannst Visual Studio Code jetzt starten, indem du es aus dem "Programme"-Ordner oder über Spotlight (
Cmd + Leertaste, dann "Visual Studio Code" eingeben) öffnest. Beim ersten Start wirst du möglicherweise gefragt, ob du der App vertraust – klicke auf "Öffnen".
Teil 2: GitHub Desktop installieren
1. GitHub Desktop herunterladen:
2. GitHub Desktop installieren:
- Nach dem Download findest du eine Datei namens
GitHubDesktop-arm64.zip (oder ähnlich) in deinem "Downloads"-Ordner.
- Doppelklicke auf die
.zip-Datei, um sie zu entpacken. Du erhältst eine Anwendung namens "GitHub Desktop".
- Ziehe die "GitHub Desktop"-Anwendung in deinen "Programme" (Applications)-Ordner.
- Starte GitHub Desktop. Beim ersten Start wirst du aufgefordert, dich mit deinem GitHub-Konto anzumelden. Wenn du noch keins hast, kannst du es hier erstellen.
Teil 3: GitHub-Konto, Visual Studio Code und GitHub Desktop verbinden
Die gute Nachricht ist, dass diese beiden Tools sehr gut zusammenarbeiten und die Verbindung oft automatisch hergestellt wird oder sehr einfach ist.
1. GitHub Account anlegen:
- Nutze für den Account am besten deine HAW Mailadresse
- Damit Du GitHubPages nutzen kannst, muss der Account
öffentlich sein. Bedenke dies bei der Auswahl Deines Nutzernamens
- Auf der Repository Seite findest Du oben
Settings. Dort gibt es im Bereich Code and automation einen Eintrag für Pages.
- Bei
Source wähle Deploy from a branch aus.
- Im Bereich
Branch wählst Du main und /(root) aus dem Dropdownmenü aus.
2. Standard-Editor in GitHub Desktop einstellen:
- Öffne GitHub Desktop.
- Gehe in der Menüleiste deines Macs zu
GitHub Desktop > Einstellungen... (oder Preferences...).
- Im Reiter "Integrations" (Integrationen) oder "Advanced" (Erweitert) suchst du nach der Option "External Editor" (Externer Editor).
- Wähle dort "Visual Studio Code" aus der Liste aus.
- Klicke auf "Save" (Speichern).
Wie die Tools zusammenarbeiten:
- Von GitHub Desktop zu Visual Studio Code: Wenn du in GitHub Desktop ein Repository (ein Projekt) geöffnet hast und eine Datei bearbeiten oder einen Ordner im Editor öffnen möchtest, kannst du oft einfach auf einen Button wie "Open in Visual Studio Code" klicken, und VS Code wird mit dem entsprechenden Projekt geöffnet.
- Repository aktualisieren: Wenn Du Dateien geändert hast und diese Änderungen auf GitHub speichern möchtest, kannst Du das über
Commit to in der Desktop App machen - beim ersten Commit muss zwingend ein Summary angegeben werden z.B. "Neu". Nachdem der Commit erfolgreich war, mit einem Klick auf Push origin auf GitHub hochladen.
- Adresse von GitHubPages: GitHubPages kannst du wie folgt aufrufen:
Benutzername.github.io/NameDesRepositories/Dateiname.html