Installation et configuration de Flutter

Dans ce tutoriel, nous allons installer Flutter sur votre système et configurer votre environnement de développement. Suivez les étapes correspondant à votre système d’exploitation.

Prérequis système

Windows

• OS : Windows 10 ou plus récent (64-bit)
• Espace disque : 1.64 GB (sans IDE/outils)
• Outils : PowerShell 5.0 ou plus récent

macOS

• OS : macOS 10.14 (Mojave) ou plus récent
• Espace disque : 2.8 GB (sans IDE/outils)
• Outils : bash, curl, git, mkdir, rm, unzip, which

Linux

• OS : Linux (64-bit)
• Espace disque : 600 MB (sans IDE/outils)
• Outils : bash, curl, file, git, mkdir, rm, unzip, which, xz-utils

Installation sur Windows

1. Télécharger Flutter

1. Rendez-vous sur flutter.dev
2. Téléchargez le SDK Flutter pour Windows
3. Extrayez le fichier ZIP dans un dossier (ex: C:\flutter)

2. Configurer les variables d’environnement

# Ajouter Flutter au PATH
$env:PATH += ";C:\flutter\bin"

# Vérifier l'installation
flutter --version

3. Exécuter flutter doctor

flutter doctor

Cette commande vérifie votre environnement et affiche un rapport des outils installés.

Installation sur macOS

1. Télécharger Flutter

# Télécharger Flutter
cd ~/development
curl -O https://storage.googleapis.com/flutter_infra_release/releases/stable/macos/flutter_macos_3.16.0-stable.zip

# Extraire
unzip flutter_macos_3.16.0-stable.zip

2. Configurer le PATH

# Ajouter à votre .zshrc ou .bash_profile
echo 'export PATH="$PATH:`pwd`/flutter/bin"' >> ~/.zshrc

# Recharger le terminal
source ~/.zshrc

3. Vérifier l’installation

flutter doctor

Installation sur Linux

1. Télécharger Flutter

# Créer le dossier de développement
mkdir ~/development
cd ~/development

# Télécharger Flutter
wget https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_3.16.0-stable.tar.xz

# Extraire
tar xf flutter_linux_3.16.0-stable.tar.xz

2. Configurer le PATH

# Ajouter à votre .bashrc
echo 'export PATH="$PATH:$HOME/development/flutter/bin"' >> ~/.bashrc

# Recharger
source ~/.bashrc

Configuration des outils de développement

Android Studio

1. Téléchargez Android Studio depuis developer.android.com
2. Installez les plugins Flutter et Dart :
   • Ouvrez Android Studio
   • Allez dans File > Settings > Plugins
   • Recherchez “Flutter” et installez-le
   • Redémarrez Android Studio

VS Code (Recommandé)

1. Téléchargez VS Code depuis code.visualstudio.com
2. Installez les extensions :
   • Flutter
   • Dart
   • Dart Code

# Installer les extensions via la ligne de commande
code --install-extension Dart-Code.flutter
code --install-extension Dart-Code.dart-code

Configuration Android

1. Installer Android SDK

Si vous utilisez Android Studio, le SDK est inclus. Sinon :

# Télécharger les outils de ligne de commande
flutter doctor --android-licenses

2. Configurer un émulateur

# Lister les émulateurs disponibles
flutter emulators

# Créer un émulateur
flutter emulators --create --name flutter_emulator

# Lancer l'émulateur
flutter emulators --launch flutter_emulator

Configuration iOS (macOS uniquement)

1. Installer Xcode

# Installer Xcode depuis l'App Store
# Puis configurer les outils de ligne de commande
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

2. Installer CocoaPods

sudo gem install cocoapods

Vérification finale

Exécutez flutter doctor pour vérifier que tout est correctement configuré :

flutter doctor -v

Vous devriez voir quelque chose comme :

Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.16.0, on macOS 14.0 23A344 darwin-arm64, locale fr-FR)
[✓] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 15.0)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2023.1)
[✓] VS Code (version 1.84.2)
[✓] Connected device (3 available)
[✓] Network resources

Créer votre première application

Une fois l’installation terminée, créons une application de test :

# Créer une nouvelle application
flutter create ma_premiere_app

# Naviguer dans le dossier
cd ma_premiere_app

# Lancer l'application
flutter run

Commandes Flutter utiles

# Vérifier la configuration
flutter doctor

# Créer un nouveau projet
flutter create nom_du_projet

# Lancer l'application
flutter run

# Lancer en mode debug
flutter run --debug

# Lancer en mode release
flutter run --release

# Nettoyer le projet
flutter clean

# Mettre à jour Flutter
flutter upgrade

# Lister les appareils connectés
flutter devices

# Analyser le code
flutter analyze

Résolution des problèmes courants

Problème : “flutter command not found”

Solution : Vérifiez que Flutter est dans votre PATH

Problème : Android licenses not accepted

Solution :

flutter doctor --android-licenses

Problème : iOS deployment target

Solution : Mettez à jour le deployment target dans ios/Runner.xcodeproj

Prochaines étapes

Maintenant que Flutter est installé et configuré, nous sommes prêts à créer notre première application ! Dans le prochain tutoriel, nous découvrirons :

1. La structure d’un projet Flutter
2. Les concepts de base des widgets
3. Comment créer une interface simple
4. Le Hot Reload en action

Récapitulatif

Vous avez maintenant :

• ✅ Installé Flutter sur votre système
• ✅ Configuré votre IDE (VS Code ou Android Studio)
• ✅ Configuré les outils Android/iOS
• ✅ Vérifié votre installation avec flutter doctor
• ✅ Créé votre première application de test

Félicitations ! Votre environnement de développement Flutter est prêt. Rendez-vous dans le prochain tutoriel pour créer votre première vraie application ! 🎉