Damit es endlich mit dem fröhlichen Coden los gehen kann, müssen wir zunächst das Flutter SDK einrichten. In diesem Artikel zeige ich Schritt für Schritt wie man dies so einfach wie möglich bewerkstelligen kann.
Fangen wir an mit dem herunterladen des Flutter SDK Archives. Dieses finden Sie auf der offiziellen Flutter Seite im Release Bereich (Link). Ich empfehle die aktuellste Version des Stable Channels zu nutzen. Um zukünftige Features und Änderungen am SDK zu testen, kann es sich lohnen, mit den Versionen des Beta Channels zu experimentieren.
Nach dem herunterladen kann das Archiv entpackt und in einen Ordner verschoben werden. Ich nutze dafür meistens den Ordner C:\Benutzer\Documents\sdks, da es hier normalerweise nicht zu Problemen mit der Zugangsberechtigung kommt. Zu beachten ist, dass es unter Umständen zu Problemen kommen kann, wenn der Pfad Leerzeichen enthält. Nach dem herunterladen, entpacken und verschieben sollte Ihr aktueller Stand ungefähr so aussehen (siehe Screenshot-01)
Um die Befehle des Flutter SDKs über die Kommandozeile von jedem beliebigen Ordner aus nutzen zu können, muss der Ordner noch in die Path-Umgebungsvariable eingetragen werden. Geben Sie dafür einfach das Wort “umgebungsvariablen” in die Windows-Suche ein und wählen Sie den Punkt “Umgebungsvariablen für dieses Konto bearbeiten” aus (siehe Screenshot-02)
Alternativ gehen Sie auf Einstellungen und suchen dort nach den Umgebungsvariablen. Auch hier wählen Sie “Umgebungsvariablen für dieses Konto bearbeiten” aus. In beiden Fällen sollte jetzt folgendes Fenster zu sehen sein (siehe Screenshot-03)
In dem geöffneten Fenster kann man nun die Path Variable in der oberen Liste auswählen und den Bearbeiten Button betätigen. Dort tragen Sie den Flutter-SDK-Pfad bis zum bin Ordner ein und bestätigen die Änderung mit OK (siehe Video-01).
In meinem Fall lautet der Pfad C:\Users\Martin\Documents\sdks\flutter_windows_2.8.0-stable\flutter\bin . Je nachdem, wohin Sie das Flutter-SDK kopiert haben, müssen Sie den Pfad dementsprechend anpassen.
Um zu testen, ob der Eintrag erfolgreich war gehen Sie wie folgt vor. Geben Sie cmd in die Windows Suchleiste ein und bestätigen Sie den Eintrag Eingabeaufforderung mit der Enter Taste. Geben Sie anschließend flutter ein und bestätigen Sie erneut mit Enter. Nach ein paar Sekunden sollte eine Ausgabe mit Informationen über das installierte Flutter-SDK erscheinen (siehe Video-02).
Anschließend können Sie den Befehl flutter doctor in die Eingabeaufforderung eingeben und mit Enter bestätigen. Es wird nun geprüft, ob flutter bereit ist, oder ob noch Abhängigkeiten fehlen. Folgende Ausgabe sollte angezeigt werden (siehe Screenshot-04)
Es fehlt also noch Android Studio. Dieses wird benötigt für die Installation der Android Toolchain und für das Android-SDK. Laden Sie sich als Android Studio von der offiziellen Seite (Link) herunter und starten Sie die Installation. Auf die genaue Installation von Android Studio werde ich nicht weiter eingehen. Sie kann einfach Schrittweise durchgeführt werden.
Nach der Installation von Android Studio können Sie erneut flutter doctor in der Eingabeaufforderung ausführen. Android Studio sollte nun erkannt werden. Zwei weitere Probleme müssen aber noch behoben werden (siehe Screenshot-05).
Dabei ist die Reihenfolge der Probleme zu beachten. Um die cmdline-tools Komponente zu installieren öffnen Sie den SDK-Manager. Dafür starten wir Android Studio und wählen über die Option “More Actions” den Punkt “SDK Manager” aus (siehe Screenshot-06). Falls Sie bereits ein Projekt erstellt haben, finden Sie den SDK-Manager über die drei Punkte und falls bereits ein Projekt geöffnet ist in der oberen Leiste sehr weit rechts.
Im SDK-Manager gehen Sie nun auf den Reiter “SDK-Tools” und wählen Sie den Punkt “Android SDK Command-line Tools (latest)” aus und bestätigen dann mit dem Apply Button (siehe Screenshot-07). Bestätigen Sie anschließend alle Aufforderungen während der Installation.
Weiter geht es mit dem Akzeptieren der Android Lizenzen. Öffnen Sie dafür erneut die Eingabeaufforderung, geben Sie den Befehl flutter doctor --android-licenses ein und bestätigen Sie diesen. Im daurauffolgenden Dialog bestätigen Sie die einzelnen Abschnitte jeweils mit “y” und der Eingabetaste.
Zu guter letzt nutzen Sie erneut den Befehl flutter doctor. Die Ausgabe sollte nun wie folgt aussehen (siehe Screenshot-08)
No issues found zeigt an, dass die Flutter-SDK Installation erfolgreich abgeschlossen wurde 🙂
Außerdem kann das installierte Android Studio direkt als Entwicklungsumgebung für die Flutter App Entwicklung genutzt werden. Dafür wird lediglich noch das Flutter Plugin benötigt, welches über den Plugins Tab beim Android Studio Start installiert werden kann (siehe Screenshot-09).
Damit sind jetzt alle Grundsteine gelegt, um mit dem ersten Flutter Projekt zu starten. Wie man dieses Projekt am besten erstellt werde ich im nächsten Artikel zeigen.
Ich hoffe dieser Artikel war hilfreich und hat Ihnen gefallen. Please like and subscri…. Moment wir sind ja gar nicht auf YouTube 😀