https://d226lax1qjow5r.cloudfront.net/blog/blogposts/customize-your-macos-terminal-using-starship/customize-macos-starship.png

Ihr macOS-Terminal mit Starship anpassen

Zuletzt aktualisiert am April 11, 2024

Lesedauer: 5 Minuten

Es ist ein ganzer Vibe

Als jemand, der sich leicht zu schönen und ästhetischen Dingen hingezogen fühlt, hat die Anpassung meines macOS-Terminals, um eine Umgebung zu schaffen, die mir gefällt, dazu beigetragen, meine Produktivität zu steigern und komplexe Aufgaben zu vereinfachen. In diesem Blog zeige ich Ihnen, wie Sie Ihre eigene Atmosphäre schaffen können, indem Sie Raumschiff.

Sind Sie bereit, Ihr Terminal individuell zu gestalten? Los geht's!

Was ist Starship?

Raumschiff ist eine quelloffene, anpassbare Eingabeaufforderung für Shell-Umgebungen, die in Befehlszeilenschnittstellen (CLI) verwendet wird. Sie ist für Android, BSD, Linux, macOS und Windows verfügbar; in diesem Blog werde ich Ihnen Anweisungen für macOS geben. Die Benutzer können das Erscheinungsbild und die Art der angezeigten Informationen, wie z. B. den Git-Status oder die Versionen der Programmiersprachen, durch die Bearbeitung einer einfachen Konfigurationsdatei leicht ändern. Es ist so konzipiert, dass es schnell und leicht ist, so dass Ihre Arbeit im Terminal nicht verlangsamt wird. Ein Hauptvorteil von Starship ist, dass es mit verschiedenen Shells arbeitet, wie Bash, Zshund Fishund sorgt für ein konsistentes und effizientes Terminal-Erlebnis. Das bedeutet, dass Sie es in verschiedenen Umgebungen verwenden können, ohne sich jedes Mal auf ein neues Setup einstellen zu müssen.

This gif shows a customized terminal with colorful words in a unique font being typed.Demo of Customized Terminal

Quelle: starship.rs

Öffnen wir also unser Terminal, um loszulegen!

Wie man Starship einrichtet

1. Starship installieren: Führen Sie curl -sS https://starship.rs/install.sh | sh in Ihrem Terminal aus.

Alternativ dazu können Sie, wenn Sie brew installiert haben, können Sie eine schnelle brew install starship.

2. Einrichten Ihrer Shell: Wählen und konfigurieren Sie Ihre Shell. Starship unterstützt eine Liste von verschiedenen Shells. Für diesen Blog werde ich Zsh verwenden.

Führen Sie als nächstes aus: nano ~/.zshrc

Sobald die Datei in nano geöffnet ist, fügen Sie Folgendes am Ende von ~/.zshrc: eval "$(starship init zsh)"

Sobald Sie die Änderungen mit Strg + O in nano gespeichert haben, können Sie nano einfach mit Strg + X beenden, und Ihre Änderungen werden sofort in die Konfiguration übernommen.

3. Die Wahl der richtigen Schriftart: Sie können eine beliebige Schriftart wählen. Ich habe heruntergeladen FiraCode Nerd-Schriftart heruntergeladen, weil sie gut lesbar und mit einer Vielzahl von Entwicklungswerkzeugen und -umgebungen kompatibel ist.

This image displays a window from the macOS font book titled 3 typefaces showing FiraCode Nerd Font as a dropdown option.Font Book

Nachdem Sie Ihre Schriftart ausgewählt und auf "Herunterladen" geklickt haben, suchen Sie die heruntergeladene Zip-Datei in Ihrem Download-Ordner. Doppelklicken Sie auf die Zip-Datei, um ihren Inhalt zu entpacken. Dadurch sollte ein neuer Ordner mit den Schriftartendateien erstellt werden. Öffnen Sie diesen neuen Ordner, um die Schriftdateien darin anzuzeigen.

Wählen Sie alle Schriftdateien (normalerweise mit der .ttf Erweiterung), die Sie installieren möchten. Klicken Sie mit der rechten Maustaste auf die ausgewählten Schriftdateien und wählen Sie "Öffnen" oder "Öffnen mit" -> "Font Book" (der Standard-Schriftartenmanager von macOS).

Das Font Book wird geöffnet und zeigt die ausgewählten Schriftdateien an.

This image displays a window from the macOS font book titled 3 typefaces showing FiraCode Nerd Font as a dropdown option.Font BookKlicken Sie auf "Schriftart installieren" für jede Schriftartvariante, die Sie installieren möchten (normal, fett, kursiv, usw.). Alternativ können Sie die Schriftdateien auch per Drag & Drop in das Schriftartenbuch-Fenster ziehen, um sie zu installieren. Sobald dies geschehen ist, sollten Sie Ihre neue Schriftart in Ihrem Font Book unter "My Fonts" sehen.

This image shows the window titled Profiles from Terminal with the Text tab opened, showing that FiraCode Nerd Font is set as the font.Terminal ProfilesSobald die Schriftarten installiert sind, können Sie ihre Installation verifizieren, indem Sie Ihr Terminal öffnen. Klicken Sie oben links auf Ihrem Bildschirm auf "Terminal" -> "Einstellungen" (es erscheint ein Fenster "Profile"). Klicken Sie auf "Profile". Wenn Sie die FiraCode Nerd Font Optionen in der Schriftartenauswahl sehen, bedeutet dies, dass die Schriftarten erfolgreich installiert wurden. Wählen Sie sie aus, und die Schriftart des Terminals ändert sich.

This image shows the window titled Profiles from Terminal with the Text tab opened, showing that FiraCode Nerd Font is set as the font.Terminal Profiles4. Erstellen und Bearbeiten der Raumschiff-Konfigurationsdatei: Da Sie in einem Terminal arbeiten, können Sie einen Kommandozeilen-Texteditor wie Nano, Vimoder Emacs. Ich habe mich für Nano entschieden, weil es sehr benutzerfreundlich ist.

Geben Sie den folgenden Befehl in Ihr Terminal ein, um die folgende Datei zu erstellen und zu bearbeiten starship.toml Datei zu erstellen und zu bearbeiten: nano ~/.config/starship.toml

Raumschiff anpassen

Hier können Sie das Terminal ändern. Sie können jeden Aspekt Ihrer Eingabeaufforderung über die Datei starship.toml Datei ändern.

Starship konfigurieren:

Ich wurde von therubberduckiee's Terminal inspiriert, also habe ich ihre Dev-Umgebungsdatei als Vorlage verwendet. Kopieren Sie den Inhalt dieser Datei und fügen Sie ihn in Ihre starship.toml Datei ein, und ändern Sie die HEX-Codes nach Belieben. Ich habe ihre Farben durch die HEX-Codes der Vonage-Farben ersetzt:

Color HEX Code
Purple 871FFF
Magenta D62190
Cyan 80C7F5
Peach FFA68C
Orange FA7554

The image displays a color chart with six colors, each accompanied by their respective RGB, HEX, CMYK, and PMS codes. The colors and their codes are:  Purple: RGB (135, 31, 255), HEX #871FFF, CMYK (79, 87, 0, 0), PMS 2090C Magenta: RGB (214, 33, 156), HEX #D6219C, CMYK (16, 100, 0, 0), PMS 2405C Cyan: RGB (128, 199, 245), HEX #80C7F5, CMYK (50, 0, 0, 0), PMS 2141C Peach: RGB (255, 166, 140), HEX #FFA68C, CMYK (0, 42, 32, 0), PMS 487C Orange: RGB (250, 117, 84), HEX #FA7554, CMYK (0, 68, 68, 0), PMS 2024C The chart is organized in blocks of color with the information below each color, set on a white background for clear readability.Vonage ColorsWenn Sie die HEX-Codes Ihrer Farbauswahl finden müssen, verwenden Sie ein Tool, das Informationen über die auf einer Farbseite berechneten Farben liefert, z. B. Farbe Hex.

Speichern Sie Ihre Änderungen, und Ihr Terminal sollte nun einsatzbereit sein!

Probieren Sie Ihr neues Terminal aus

Schauen wir uns nun diese schönen Änderungen an. Ich habe Visual Studio Code verwendet und dort mein Terminal geöffnet. Hier sind Befehle, die Sie in Ihrem Terminal ausführen können, um Ihre Anpassungen zu sehen:

Installieren Vonage CLI: npm install --location=global @vonage/cli

The image shows the output of a package installation using npm. The terminal prompt displays the current time in purple and pink, a peach-colored location indicator, and a command running with the output message Completed in 191930ms highlighted in cyan.InstallÜberprüfen Sie Ihre installierte Version: vonage --version

The image (version.png) displays the output for the version check of the Vonage CLI. The prompt includes the same colored elements as before, and the output shows the Vonage CLI and Node.js versions installed on the system.VersionNachdem Sie Ihr Vonage Entwickler-Konto erstellt haben, finden Sie Ihren API-Schlüssel und Ihr API-Geheimnis in Ihrem Dashboard. Legen Sie Ihre Konfiguration fest: vonage config:set --apiKey=XXXXXX --apiSecret=XXXXXX

The image shows the successful configuration of the Vonage CLI with an API key and secret. The output message Configuration saved confirms the action, and a deprecation warning for a module is also shown.ConfigUm Ihre aktuellen Vonage-Anwendungen zu sehen, verwenden Sie: vonage apps

The image (apps.png) depicts an attempt to display Vonage applications, but it only shows the column headers Name and Id without any entries. A deprecation warning for the punycode module is repeated here as well.AppsWeitere Informationen über die Erstellung und Verwaltung Ihrer Vonage-Anwendung finden Sie in der Dokumentation für die Vonage CLI oder Michael Crump's Blog "Besser zusammen: GitHub & Vonage CLI".

Schlussfolgerung

In diesem Blog haben wir gelernt, wie wir unser macOS-Terminal mit Starship anpassen und es mit der Vonage CLI testen können. Als Entwickler ist unsere Umgebung der Schlüssel zu unserer Produktivität, warum sollte sie also nicht so einzigartig sein wie der Code, den wir schreiben? Wenn Sie Hilfe bei der Erstellung eines hübschen Terminals benötigen, senden Sie eine Nachricht in unserem Slack-Kanal der Gemeinschaft. Wenn du diesem Tutorial folgst, kannst du dein Terminal gerne auf X, früher bekannt als Twitter, teilen und tagge mich. Ich würde mich freuen, Ihre neue Umgebung zu sehen!

Teilen Sie:

https://a.storyblok.com/f/270183/384x384/b68093ec17/diana-pham.png
Diana PhamAdvokat für Entwickler

Diana ist Entwicklungsbeauftragte bei Vonage. Sie isst gerne frische Austern.