Flutter-Installation

Bevor Sie lernen, Flutter-Anwendungen zu erstellen, müssen Sie das Flutter SDK und alle erforderlichen Abhängigkeiten auf Ihrem lokalen Rechner installieren. In diesem Abschnitt werden die Installationsschritte für Windows-, macOS- und Linux-Systeme ausführlich beschrieben.

Systemanforderungen

Bevor Sie Flutter installieren, stellen Sie sicher, dass Ihre Entwicklungsumgebung die folgenden grundlegenden Anforderungen erfüllt:

Windows-Installationsschritte

Schritt 1: Git for Windows installieren

Git ist ein Versionskontrollwerkzeug, und Flutter benötigt es, um Code zu verwalten und das SDK herunterzuladen.

1. Besuchen Sie die Downloadseite fürGit for Windows
2. Laden Sie die neueste Version von Git für Windows herunter
3. Führen Sie das Installationsprogramm aus und schließen Sie die Installation mit den Standardeinstellungen ab

Schritt 2: Visual Studio Code installieren (empfohlen)

Visual Studio Code (VS Code) ist unser empfohlener Editor für die Flutter-Entwicklung und bietet umfangreiche Unterstützung für Flutter-Erweiterungen.

1. Besuchen Siedie offizielle VS Code-Website
2. Laden Sie VS Code herunter und installieren Sie es
3. Öffnen Sie VS Code nach der Installation.

Schritt 3: Flutter SDK installieren

Es gibt zwei Möglichkeiten, das Flutter SDK zu installieren:

Methode 1: Installation über VS Code (empfohlen)

Die Flutter-Erweiterung für VS Code kann das Flutter SDK automatisch herunterladen und konfigurieren.

1. Klicken Sie in VS Code auf das Erweiterungen-Symbol auf der linken Seite (oder drücken Sie Ctrl+Shift+X)
2. Suche nach "Flutter" und finde die Erweiterung "Dart and Flutter extensions"
3. Klicke auf "Installieren", um die Erweiterung zu installieren.
4. Drücke nach der Installation Ctrl+Shift+P, um die Befehlspalette zu öffnen.
5. Gib "Flutter: New Project" ein und wähle aus
6. Wähle "SDK herunterladen" aus und wähle dann das Installationsverzeichnis aus

Methode 2: Manuell herunterladen und installieren

1. Besuchedie offizielle Downloadseite der Flutter-Website
2. Lade das neueste Flutter SDK herunter (.zip-Datei)
3. Entpacke die heruntergeladene Datei in ein Verzeichnis deiner Wahl, z. B. C:\flutter
4. Füge das bin-Verzeichnis von Flutter zur Systemumgebungsvariable PATH hinzu

macOS-Installationsschritte

Schritt 1: Git installieren

macOS wird normalerweise mit vorinstalliertem Git geliefert. Sie können dies mit dem folgenden Befehl überprüfen:

$ git --version

Wenn es nicht installiert ist, führen Sie den folgenden Befehl aus:

$ xcode-select --install

Klicken Sie nach dem Erscheinen des Dialogfelds auf die Schaltfläche "Installieren".

Schritt 2: VS Code installieren

Vonoffiziellen VS Code-WebsiteVS Code herunterladen und installieren.

Schritt 3: Flutter SDK installieren

Ähnlich wie unter Windows können Sie wählen, ob Sie über VS Code oder manuell installieren.

Manuelle Installationsschritte:

1. Flutter SDK herunterladen:

$ git clone https://github.com/flutter/flutter.git -b stable

2. Flutter zum PATH hinzufügen:

$ echo 'export PATH="$PATH:/Users/你的用户名/flutter/bin"' >> ~/.zshrc
$ source ~/.zshrc

Linux-Installationsschritte

Schritt 1: Erforderliche Tools installieren

Führen Sie auf Ubuntu/Debian-Systemen den folgenden Befehl aus, um die erforderlichen Tools zu installieren:

$ sudo apt-get update
$ sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa

Schritt 2: Flutter SDK klonen

$ git clone https://github.com/flutter/flutter.git -b stable

Schritt 3: PATH konfigurieren

$ echo 'export PATH="$PATH:$HOME/flutter/bin"' >> ~/.bashrc
$ source ~/.bashrc

Installation überprüfen

Unabhängig davon, welches Betriebssystem Sie zur Installation von Flutter verwenden, können Sie die Installation mit dem folgenden Befehl überprüfen:

$ flutter doctor

Nach Ausführung dieses Befehls überprüft Flutter Ihre Entwicklungsumgebung und meldet alle Probleme. Wenn die Installation erfolgreich ist, sehen Sie eine Ausgabe ähnlich der folgenden:

Doctor summary (v3.x.x):
[✓] Flutter (Channel stable, 3.x.x)
[✓] Android toolchain
[✓] iOS toolchain
[✓] Chrome (for web development)
[✓] Windows toolchain
[✓] macOS toolchain
[✓] Linux toolchain
[✓] Web server

Beim ersten Ausführen von flutter doctor wird das Dart SDK heruntergeladen und es werden einige Initialisierungsvorgänge durchgeführt, was ein paar Minuten dauern kann.

Fehlerbehebung bei häufigen Problemen

Flutter-Befehl nicht gefunden

Wenn der flutter-Befehl im Terminal nicht gefunden wird, prüfen Sie:

• Ob die PATH-Umgebungsvariable korrekt konfiguriert ist.
• Ob ein neues Terminalfenster geöffnet wurde (Änderungen an Umgebungsvariablen erfordern ein neues Fenster, damit sie wirksam werden).

Warnung: Android Studio nicht installiert

Beim Ausführen von flutter doctor kann eine Warnung erscheinen, die anzeigt, dass Android Studio nicht installiert ist. Wenn Sie keine Android-Apps entwickeln, können Sie diese Warnung ignorieren.

Probleme mit dem Android SDK

Wenn Sie Android-Apps entwickeln möchten, aber auf SDK-Probleme stoßen, können Sie:

1. Herunterladen und installierenAndroid Studio
2. Installieren Sie in Android Studio das Android SDK über den SDK Manager