Die Syntax Chroniken: Flutter Installation mit alternativer Pfadaktualisierung

Wie du mit Vim Flutter persistent installierst (und ein Exkurs zu Shells, Zsh und Vim)

Crafted Codes
Dart Flutter Welt
7 min readJan 15, 2024

--

MidJourney generiertes Bild — This article is also available in English

Vorbereitung — Der Shell Exkurs

Da ich für diese Anleitung ein Zsh-Terminal verwende, schreibe ich dir hier eine kurze Anleitung, wie man das installiert, falls du das noch nicht gemacht hast und eine Erklärung, was Shells etc. überhaupt sind (überspringe es, falls es bei dir nicht mehr notwendig ist).

Was ist eine Shell?

Bevor wir in die Installation von Zsh und Oh-My-Zsh eintauchen, ist es wichtig, ein grundlegendes Verständnis davon zu haben, was eine Shell ist. Eine Shell ist eine Benutzeroberfläche, die den Zugriff auf die Dienste eines Betriebssystems ermöglicht. In einfachen Worten, es ist ein Programm, das es Ihnen ermöglicht, mit deinem Computer zu interagieren, indem du Befehle eingibst. Die bekanntesten Shells sind die Bourne Shell (bash) und die C Shell (csh). Zsh, oder die Z Shell, ist eine verbesserte Version der Bourne Shell und bietet viele Verbesserungen und Features, die das Arbeiten in der Shell effizienter und angenehmer machen.

Mehr Hintergrundinfos zur Shell

Bevor wir tiefer in die Zsh eintauchen, lass uns einen kleinen Ausflug in die Historie der Shells machen. Die allererste Shell war die Thompson Shell, die 1971 von Ken Thompson entwickelt wurde. Danach folgte die Bourne Shell, die 1979 veröffentlicht wurde und als Basis für viele heutige Shells dient, einschließlich Bash und Zsh. Shells haben sich seither weiterentwickelt und sind ein unverzichtbares Werkzeug für Entwickler und Systemadministratoren geworden. Sie ermöglichen es, komplexe Aufgaben effizient zu automatisieren und Systemressourcen effektiv zu verwalten.

Nun, warum solltest du Zsh gegenüber anderen Shells wie Bash oder Fish bevorzugen? Einfach ausgedrückt, Zsh ist wie eine aufgemotzte Version von Bash. Es enthält alle Features von Bash, fügt aber einige nützliche Extras hinzu. Zum Beispiel bietet Zsh eine verbesserte Autovervollständigung, die das Leben erheblich erleichtert. Auch die Fehlerkorrektur ist ein Segen, wenn du mal einen Tippfehler machst.

Hier sind einige Beispiele, die die Vorteile von Zsh demonstrieren:

  • Autovervollständigung: Gib einfach einen Befehl teilweise ein und drücke die Tab-Taste, Zsh wird dir Vorschläge machen, die auf deiner bisherigen Eingabe basieren.
  • Rechtschreibkorrektur: Wenn du einen Befehl falsch tippst, wird Zsh dich freundlich darauf hinweisen und den richtigen Befehl vorschlagen.
  • Globbing: Dies ist eine Funktion, die es dir ermöglicht, Dateien und Verzeichnisse mit Mustern zu matchen, was sehr nützlich sein kann, wenn du mit vielen Dateien arbeitest.

Installation von Zsh auf macOS

Homebrew installieren — Falls Homebrew noch nicht auf deinem Mac installiert ist, öffne das Terminal und füge den folgenden Befehl ein, um Homebrew zu installieren:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Nach der Installation von Homebrew kannst du das Paketmanager-Tool verwenden, um Zsh zu installieren.

Zsh installieren — Gib im Terminal den folgenden Befehl ein, um Zsh zu installieren:

brew install zsh

Dies wird Zsh auf deinem Mac installieren und du bist nun bereit, zur nächsten Phase überzugehen, der Installation von Oh-My-Zsh​.

Installation von Oh-My-Zsh

Oh-My-Zsh ist ein Framework zur Verwaltung deiner Zsh-Konfiguration und macht deine Terminal-Erfahrung angenehmer.

Um Oh-My-Zsh zu installieren, kopiere den folgenden Befehl und füge ihn in dein Terminal ein:

sh -c "$(curl -fsSL https://raw.githubusercontent.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

Dieser Befehl lädt das Installations-Skript von Oh-My-Zsh herunter und führt es aus, um Oh-My-Zsh auf deinem Mac zu installieren.

Nun hast du Zsh und Oh-My-Zsh auf deinem Mac installiert und nun kannst du nicht nur die Vorteile einer verbesserten Shell-Erfahrung genießen, sondern auch meine Anleitung verwenden.

Die Installation etwas anders

Die Installation von Zsh auf deinem Mac kann auf verschiedene Arten erfolgen. Wir haben bereits die Installation über Homebrew besprochen. Es gibt aber auch andere Wege, wie zum Beispiel über MacPorts oder durch den direkten Download von der Zsh-Website.

  • MacPorts: Öffne das Terminal und gib sudo port install zsh ein, um Zsh über MacPorts zu installieren.
  • Direkter Download: Du kannst Zsh auch direkt von der offiziellen Website herunterladen und die Installationsanweisungen befolgen.

Wenn du bereits eine andere Shell verwendest und zu Zsh wechseln möchtest, ist es eine gute Idee, deine aktuelle Shell-Konfiguration zu sichern. Du kannst deine Bash-Konfigurationsdateien beispielsweise in einem separaten Verzeichnis speichern, bevor du zu Zsh wechselst.

Die beiden wichtigen Dateien, die du kennen solltest, wenn du mit Zsh arbeitest, sind .zshrc und .zprofile.

  • .zshrc: Diese Datei wird bei jedem Start einer neuen Zsh-Shell geladen. Hier kannst du Aliase, Funktionen und andere Shell-Einstellungen hinzufügen.
  • .zprofile: Diese Datei wird nur beim Login geladen und eignet sich gut für Umgebungsvariable und andere Einstellungen, die du nur einmal setzen möchtest.

Um beispielsweise den PATH zu aktualisieren, kannst du die Datei .zshrc öffnen und die entsprechende Zeile hinzufügen. Wenn du nicht sicher bist, wie das geht, keine Sorge, wir haben bereits besprochen, wie du das mit Vim machen kannst!

Einleitung

Ich liebe Flutter. Absolut. Es gibt nur eine Sache, die mich zum Verzweifeln gebracht hat: Die Pfadaktualisierung. Woran es liegt, weiß ich nicht, aber die offizielle Methode zur Pfadaktualisierung wollte bei mir einfach nicht funktionieren.

Die Pfadaktualisierung ist notwendig, damit du dauerhaft, jeder Zeit, Flutter Projekte in deinem Terminal erstellen kannst. Wenn du also regelmäßig Flutter Apps erstellen möchtest, ist das unverzichtbar.

Wie ich das gelöst habe, werde ich dir nun in einer detaillierten Anleitung erklären.

Lass uns Flutter installieren

Eine kleine Nebeninfo bevor wir loslegen: Auch wenn du hauptsächlich eher Dart Apps erstellen möchtest, lohnt es sich, direkt Flutter zu installieren, denn es kann sonst, wenn du später Flutter installierst, zu Konflikten kommen. Nenn es einfach: “Flutter first!”

Schritt 1: Befolgen der Installationsanleitung

Bevor wir zum Kern dieser Anleitung kommen, folge erstmal der offiziellen Installationsanleitung von Flutter für MacOS. Die Anleitung auf der Flutter-Website ist gründlich und führt dich durch den Download und die erste Einrichtung von Flutter auf deinem Mac.

Schritt 2: Pfadaktualisierung für dauerhafte Speicherung

Und hier wird es nun haarig. Versuch die Pfadaktualisierung gerne erstmal nach der Anleitung von der offiziellen Flutter Website, um Flutter dauerhaft verfügbar zu machen. Sollte jedoch etwas schief gehen, keine Sorge, dann kommt gleich die Lösung für dich!

Rettung durch alternative Pfadaktualisierung

Na? Hat es auch bei dir nicht funktioniert? 🥲 Kein Verzagen, Lea fragen! Ich helfe dir gerne.

Was ist Vim?

Damit du verstehst, was wir hier nun machen werden, erkläre ich dir nochmal kurz das Tool, was wir nun verwenden werden, denn vielleicht kennst du Vim ja noch gar nicht.

Vim, eine Abkürzung für “Vi Improved”, ist ein erweiterter Texteditor, der als Verbesserung des älteren vi-Editors entwickelt wurde. Er ist in der Lage, Code zu schreiben, zu bearbeiten und zu prüfen und wird hauptsächlich über die Tastatur bedient, was eine schnelle und effiziente Bearbeitung ermöglicht.

Vim wird hauptsächlich von Programmierern, Systemadministratoren und DevOps-Ingenieuren verwendet. Die Kernvorteile, die diese Fachleute anziehen, sind die hohe Anpassbarkeit, die effiziente Tastatursteuerung und die robuste Plugin-Architektur, die es ermöglicht, Vim nach individuellen Bedürfnissen zu erweitern.

Vim ist ein wirklich lustiges und bis heute sehr diskutiertes Thema in der IT Community. Manch einer sieht es als Hölle, andere wieder als Himmel an. Letzten Endes ist es wohl einfach eine Frage der Präferenz.

Gepostet von sapunizator im vim Room auf Reddit

Wenn die klassische Pfadaktualisierung nicht funktioniert, warum funktioniert sie in Vim?

Wenn die klassische Pfadaktualisierung nicht funktioniert, kommt Vim ins Spiel. Durch seine Fähigkeit, direkt auf Systemdateien zuzugreifen und sie zu bearbeiten, kann Vim verwendet werden, um den Systempfad zu aktualisieren, was für die korrekte Funktion von Programmen wie Flutter entscheidend sein kann.

Wie du nun deinen Pfad mit Vim aktualisierst

  1. Öffne das Terminal: Gib vim $HOME/.zshrc ins Terminal ein.
  2. Wechsel in den Einfügemodus: Drücke die i-Taste für den Insert-Modus.
  3. Aktualisiere deinen Pfad: Gib beim Abschnitt # Encoding stuff for the terminal den Befehl export PATH="$HOME/flutter/bin:$PATH" ein. ($HOME ist ein Platzhalter für deinen Home-Pfad.)
  4. Verlasse den Einfügemodus: Drücke die Esc-Taste.
  5. Speichere und verlasse: Gib :wq! ein und drücke die Enter-Taste (w steht für write, q für quit — oder wie ich es nenne: “MACH ENDLICH, DU *****!”).
  6. Starte das Terminal neu.
  7. Überprüfe die Installation: Gib flutter doctor ein und überprüfe, ob Flutter korrekt installiert ist.

Gratulation! Du hast es geschafft, Flutter persistent zu installieren!

Hinweis: Du kannst versteckte Dateien mit Cmd+Shift+. anzeigen. Das kann nützlich sein, wenn du auf bestimmte Systemdateien zugreifen möchtest.

Ein erster Blick auf Flutter

Nachdem du Flutter erfolgreich installiert hast, ist es an der Zeit, deine erste Flutter-Anwendung zu erstellen. Der Befehl flutter create my_app erstellt ein neues Projekt namens my_app. Wechsle in das Verzeichnis my_app mit cd my_app und führe flutter run aus, um deine erste Flutter-Anwendung zu starten. Willkommen im Kreis der Flutter Entwickler!

Das hier ist jetzt eine sehr ausführliche Anleitung mit sehr vielen Erklärungen gewesen. Ich war mir unsicher, ob ich so sehr ins Detail gehen sollte, aber ich dachte, dass das doch ganz interessant ist. Außerdem wirst du es für die nächsten Wochen brauchen, wenn ich versuchen werde, dir die Programmiersprache Dart näher zubringen. Ich bin schon ganz aufgeregt, denn es ist ein wirklich großes Projekt für mich gewesen, an welchem ich lange gearbeitet und gefeilt habe. Es geht nun also los zu unserer Reise in meine Heimatgewässer: Dart und Flutter. Sei also gespannt! Ich freue mich, wenn du nächste Woche mitliest. 💙

Wenn dir dieser Artikel geholfen hat, zögere nicht, zu applaudieren und ihn zu teilen. Wenn du deine eigenen Erfahrungen mit mir teilen möchtest, freue ich mich auf deine Kommentare und wenn du meine anderen Artikel nicht verpassen möchtest, kannst du mir gerne folgen.

--

--