Wie Sie Flutter auf Ihrem Windows VPS installieren

Flutter ist ein beliebtes Open-Source-UI-Toolkit von Google, mit dem sich nativ kompilierte Anwendungen für Mobilgeräte, Web und Desktop aus einer einzigen Codebasis erstellen lassen. Wenn Sie mit der Entwicklung von Flutter-Anwendungen unter Windows beginnen möchten, führt Sie diese Anleitung in nur sechs einfachen Schritten durch den Prozess.

Voraussetzungen

Bevor wir beginnen, sollten Sie sicherstellen, dass Ihr System die folgenden Anforderungen erfüllt:

• Betriebssystem: Windows 10 oder höher (64-Bit)
• Festplattenspeicher: Mindestens 1,64 GB freier Speicherplatz (ohne Speicherplatz für IDE/Werkzeuge).
• Werkzeuge: Git für Windows zum Klonen des Flutter-Repositorys.

Los geht’s!

Schritt 1: Herunterladen des Flutter SDK

Der erste Schritt ist das Herunterladen des Flutter-SDKs:

1. Gehen Sie auf die offizielle Flutter-Website: https://flutter.dev/docs/get-started/install.
2. Scrollen Sie nach unten zum Abschnitt Windows.
3. Klicken Sie auf die Schaltfläche “Download Flutter SDK”, um die neueste stabile Version als .zip-Datei herunterzuladen.

Nach dem Download entpacken Sie die .zip-Datei in ein Verzeichnis auf Ihrem System, in dem Sie Flutter speichern möchten (z.B. C:\flutter).

Hinweis: Stellen Sie sicher, dass der Pfad zum SDK keine Leerzeichen enthält, da dies zu Problemen bei der Installation führen kann.

Schritt 2: Flutter zum Systempfad hinzufügen

Als nächstes müssen Sie den Flutter-Befehl zum PATH Ihres Systems hinzufügen, damit er von der Kommandozeile aus ausgeführt werden kann.

1. Drücken Sie die Windows-Taste R, geben Sie sysdm.cpl ein und drücken Sie die Eingabetaste.
2. Klicken Sie im Fenster Systemeigenschaften auf die Registerkarte Erweitert und dann auf Umgebungsvariablen.
3. Suchen Sie unter Benutzervariablen die Variable Path und klicken Sie auf Bearbeiten.
4. Klicken Sie im Fenster Umgebungsvariable bearbeiten auf Neu und fügen Sie den Pfad zum Bin-Ordner des Flutter SDK hinzu (z. B. C:\flutter\bin).
5. Klicken Sie auf OK, um zu speichern und alle Dialogfelder zu schließen.

Um zu bestätigen, dass der Flutter-Befehl funktioniert, öffnen Sie eine neue Eingabeaufforderung und führen Sie den Befehl aus:

Wenn es korrekt installiert ist, sollten die Flutter-Version und andere Details angezeigt werden.

Schritt 3: Git für Windows installieren

Flutter benötigt Git zur Versionskontrolle und zur Verwaltung von Abhängigkeiten. Wenn Sie Git noch nicht installiert haben, folgen Sie diesen Schritten:

1. Besuchen Sie die Website von Git für Windows: https://gitforwindows.org/.
2. Laden Sie Git herunter und installieren Sie es mit den Standardeinstellungen.
3. Stellen Sie während der Installation sicher, dass die Option Git von der Kommandozeile aus ausgewählt ist, damit es in das Terminal integriert wird.

Überprüfen Sie nach der Installation, ob Git installiert ist, indem Sie den folgenden Befehl in einem neuen Terminal ausführen:

Schritt 4: Flutter-Doktor ausführen

Sobald Git und Flutter installiert sind, verwenden Sie den Befehl flutter doctor, um nach Abhängigkeiten zu suchen und mögliche Probleme zu diagnostizieren. Führen Sie diesen Befehl im Terminal aus:

Dieser Befehl prüft Ihre Umgebung und zeigt einen Bericht über die erforderlichen Tools wie das Dart SDK, Android Studio oder Visual Studio an. Die Ausgabe sieht in etwa so aus:

Möglicherweise werden Sie Warnungen über fehlende Abhängigkeiten wie Android Studio sehen, die wir in den nächsten Schritten behandeln werden.

Schritt 5: Android Studio installieren und SDK konfigurieren

Um Android-Apps mit Flutter zu entwickeln und auszuführen, müssen Sie Android Studio installieren und das Android-SDK konfigurieren:

1. Laden Sie Android Studio von https://developer.android.com/studio herunter .
2. Installieren Sie Android Studio und stellen Sie sicher, dass das Android SDK und die Android SDK Command-line Tools bei der Installation mit einbezogen werden.
3. Öffnen Sie nach der Installation Android Studio, gehen Sie zu Datei > Einstellungen > Erscheinungsbild & Verhalten > Systemeinstellungen > Android SDK und überprüfen Sie, ob das SDK installiert ist.

Sobald es installiert ist, müssen Sie auch die Android-Lizenzen akzeptieren. Öffnen Sie ein neues Terminal und führen Sie aus:

Folgen Sie den Aufforderungen, um alle Lizenzen zu akzeptieren.

Schritt 6: Installieren Sie eine IDE (optional)

Obwohl nicht erforderlich, werden Sie wahrscheinlich eine IDE benötigen, um Flutter-Anwendungen effizient zu entwickeln. Zwei beliebte Optionen sind Android Studio und Visual Studio Code (VS Code). Flutter lässt sich gut mit beiden integrieren.

• Android Studio:
  • Öffnen Sie Android Studio.
  • Gehen Sie zu Plugins (unter Datei > Einstellungen > Plugins) und suchen Sie nach “Flutter”.
  • Installieren Sie das Flutter-Plugin zusammen mit dem Dart-Plugin, das für die Flutter-Entwicklung erforderlich ist.
• Visual Studio Code:
  • Laden Sie VS Code von https://code.visualstudio.com/ herunter und installieren Sie es .
  • Öffnen Sie VS Code und gehen Sie auf die Registerkarte “Erweiterungen” (Strg, Umschalt, X).
  • Suchen Sie nach “Flutter” und installieren Sie die Erweiterungen Flutter und Dart.

Schlussfolgerung

Herzlichen Glückwunsch! Sie haben Flutter erfolgreich auf Ihrem Windows-Rechner installiert. Sie sind nun bereit, mobile, Desktop- oder Webanwendungen mit Flutter zu erstellen.

Um ein neues Flutter-Projekt zu erstellen, führen Sie einfach aus:

Wechseln Sie in das Projektverzeichnis:

Und starten Sie die App mit:

Dadurch wird die App auf dem angeschlossenen Emulator oder physischen Gerät gestartet. Viel Spaß beim Programmieren!