Flutter and the related logo are trademarks of Google LLC. We are not endorsed by or affiliated with Google LLC.
Flutter ist Googles UI-Toolkit zum Erstellen von nativ kompilierten Anwendungen für Mobilgeräte, Web und Desktop aus einer einzigen Codebasis. In diesem Workshop soll eine erste Einführung in das Framework mit dem Fokus auf Webanwendungen erfolgen. Außerdem sollen die Teilnehmenden das Gelernte anwenden und ein eigenes Projekt umsetzen.
- IDE IntelliJ IDEA herunterladen und installieren
- IntelliJ IDEA Flutter und Dart Plugins installieren
- IntelliJ IDEA starten
File>Settings>Plugins- nach
Fluttersuchen und installieren
- Browser Google Chrome herunterladen und installieren
- Das Workshop Repository klonen:
git clone https://github.com/AnleAnja/flutter-workshop.git - Das Flutter Repository klonen:
git clone https://github.com/flutter/flutter.git -b stable
- Installationsanleitung für Windows
- Im Explorer das Flutter Repository öffnen und die Flutter Konsole über die Datei
flutter_console.batstarten - Flutter installieren:
flutter doctor
- Im Explorer das Flutter Repository öffnen und die Flutter Konsole über die Datei
- Installationsanleitung für macOS
- Installationsanleitung für Linux
Die folgenden Schritte werden in der Flutter Konsole flutter_console.bat ausgeführt und dienen dazu, den web support für die Entwicklung zu aktivieren.
flutter channel betaflutter upgradeflutter config --enable-webflutter devices
Im nächsten Schritt wird dieses Repository als Projekt in IntelliJ IDEA gestartet. Wenn ihr im Ordner lib eine Datei öffnet, erscheint eine Meldung, dass die Dart SDK konfiguriert werden muss.
File>Settings>Languages & Frameworks>Dart- Im Feld
Dart SDK pathwählt ihr imflutterRepository den Pfadbin\cache\dart-sdkaus - Aktiviert den Dart support für das Projekt
- Innerhalb der Flutter Konsole in den Ordner
aufgabendieses Repositorys wechseln. flutter run -d chrome
Es sollte sich ein Browserfenster öffnen, in dem die Anwendung läuft.
