Flutter ist ein von Google eingeführtes Open-Source-Framework für die Entwicklung mobiler Anwendungen mit hoher Leistung, das Android- und iOS-Anwendungen mit einer Reihe von Codebasen entwickeln kann. Dart ist die von Flutter verwendete Programmiersprache. Schauen wir uns an, wie man eine Flutter-Entwicklungsumgebung einrichtet und die Grundlagen der Dart-Sprache versteht.
1. Aufbau einer Flatterumgebung
1. Installieren Sie das Flutter SDK
Besuchen Sie zunächst die offizielle Website von Flutter , um das Flutter SDK herunterzuladen. Wählen Sie die für Ihr Betriebssystem (Windows, MacOS, Linux) geeignete Version aus und entpacken Sie sie nach Abschluss des Downloads in das Verzeichnis, das Sie speichern möchten.
Beachten Sie, dass sich die Kanalversion von Flutter ständig ändert. Weitere Informationen finden Sie auf der offiziellen Website von Flutter. Wenn Sie auf dem chinesischen Festland außerdem die Liste der Installationspakete erhalten oder das Installationspaket normal herunterladen möchten, müssen Sie möglicherweise über die Mauer gehen. Leser können auch zum Flutter-Github-Projekt gehen, um das Installationspaket herunterzuladen, Adresse: https ://github.com/flutter/flutter/ Releases.
Entpacken Sie die ZIP-Datei des Installationspakets in den Pfad, in dem Sie das Flutter SDK installieren möchten (z. B. C:\src\flutter; achten Sie darauf, Flutter nicht in einem Pfad zu installieren, der einige hohe Berechtigungen erfordert, wie z. B. C:\Programme\).
Suchen Sie flutter_console.bat unter der Flutter-Datei im Flutter-Installationsverzeichnis, doppelklicken Sie, um sie auszuführen und die Flutter-Befehlszeile zu starten. Als Nächstes können Sie den Flutter-Befehl in der Flutter-Befehlszeile ausführen.
2. Umgebungsvariablen festlegen
Fügen Sie das bin-Verzeichnis von Flutter zu Ihrer PATH-Umgebungsvariablen hinzu. Unter Windows können Sie es in der Systemumgebungsvariablen festlegen; auf Mac oder Linux können Sie export PATH="$PATH:pwd/flutter/bin" hinzufügen.
3. Installieren und richten Sie den Editor ein
Es wird empfohlen, VS Code oder Android Studio zu verwenden. Beide unterstützen die Flutter-Entwicklung und verfügen beide über umfangreiche Plug-Ins, mit denen Sie die Entwicklungseffizienz verbessern können. Suchen und installieren Sie die Plugins „Flutter“ und „Dart“ im entsprechenden Plugin-Store.
4. Erstellen Sie Ihr erstes Flutter-Projekt
Wenn Sie zum ersten Mal einen Flutter-Befehl (wie Flutter Doctor) ausführen, lädt dieser seine eigenen Abhängigkeiten herunter und kompiliert sich selbst. Es wird später viel schneller laufen. Die fehlenden Abhängigkeiten müssen installiert werden. Führen Sie nach Abschluss der Installation den Befehl flutter doctor aus, um zu überprüfen, ob die Installation erfolgreich ist.
Führen Sie in einem Terminal den folgenden Befehl aus:
flutter create my_first_flutter_app
cd my_first_flutter_app
flutter run //flutter run -d all
Der Befehl flutter run startet den Emulator und führt Ihre App im Emulator aus. Sie sollten nun den Flutter-Begrüßungsbildschirm sehen.
5. Beachten Sie, dass
beim Einrichten der Laufumgebung auf jeden Fall Probleme auftreten werden. Sie können „Flutter Doctor“ zum Ausführen auf der Konsole verwenden und bei Aufforderung einfach das installieren, was Sie installieren müssen.
Hier ist das Problem, das ich habe:
Was installiert ist, umfasst:
2. Dart-Fundament
Dart ist eine objektorientierte, klassendefinierte Sprache mit einfacher Vererbung und ihr syntaktischer Zucker ist anderen Programmiersprachen (wie Java, JavaScript und C) sehr ähnlich. Schauen wir uns einige grundlegende Wissenspunkte von Dart an.
- Variablen und Typen
Dart ist eine stark typisierte Sprache, die grundlegende Datentypen wie int, double, String, bool usw. unterstützt.
int age = 20;
double height = 1.88;
String name = 'John';
bool isOld = false;
Dart verfügt auch über eine Typinferenz. Sie können das Schlüsselwort var verwenden, damit Dart den Typ automatisch ableiten kann.
var weight = 70.5; // Dart会自动推断为double类型
- Kontrollfluss
Dart unterstützt gängige Kontrollflussanweisungen wie if-else, for, while usw.
if (isOld) {
print('$name is old');
} else {
print('$name is young');
}
for (var i = 0; i < 10; i++) {
print(i);
}
while (age > 0) {
age--;
}
- Funktion
Funktionen sind in Dart erstklassige Bürger und unterstützen Deklarationen von Rückgabewerttypen, Parametertypdeklarationen, Pfeilsyntax usw.
String greet(String name) {
return 'Hello, $name';
}
var greet = (String name) => 'Hello, $name'; // 箭头函数，只能有一行代码
Das Obige ist eine kurze Einführung in den Aufbau der Flutter-Umgebung und die Grundlagen von Dart. Für ein tieferes Verständnis und Erlernen der Dart-Sprache können Sie sich auf die offizielle Dokumentation von Dart beziehen . Da wir über ein wenig Grundkenntnisse in anderen Sprachen verfügen, werden wir nicht näher auf diese Inhalte eingehen. Wir können die Details während der Verwendung überprüfen. Nachdem Sie diese Grundlagen erlernt haben, können Sie Flutter für die Anwendungsentwicklung verwenden. Ich wünsche Ihnen viel Spaß beim Lernen!