Heute erstellen wir unser erstes Flutter Projekt. Meiner Meinung nach am einfachsten geht das mit Hilfe der Konsole.
Für ein Projekt mit den Standardeinstellungen reicht der Befehl flutter create appname. Dazu wechseln wir vorher per cd Befehl in einen Ordner unserer Wahl und führen den Befehl aus. Der Befehl erstellt einen Unterordner mit der “appname” Bezeichnung, die wir vorher eingegeben haben.
Die Projekterstellung kann über weitere Optionsparameter angepasst werden (siehe Bild 1)
Die Option, die ich meistens noch anpasse ist --org um die Java Package Names und den iOS Bundle Namen zu bestimmen.
Anschließend öffnen wir das Projekt mit dem Editor unserer Wahl. Ich werde von jetzt an Visual Studio Code nutzen. Dort einfach unter File/Open Folder den gerade erstellten Projekt-Ordner öffnen. Das sollte wie folgt aussehen (siehe Bild 2)
Nach dem Öffnen können wir direkt in das “lib” Verzeichnis navigieren und dort die Datei main.dart öffnen. Hier befindet sich der Code für die App. Diese kann direkt gestartet und dank Hot-Reload, auch während die App läuft, bearbeitet werden.
Dafür starten wir über Android Studio ein virtuelles Android Gerät und beginnen das Debuggen in Visual Studio Code mit der F5 Taste. Beim ersten Start dauert es meistens etwas länger. Später sind Code-Updates meistens innerhalb Sekunde auf dem Android Gerät sichtbar (siehe Video 1).
Ich hoffe dieser kleine Beitrag hat euch gefallen und konnte euch bei der Erstellung eures ersten Flutter Projekts weiterhelfen.