À chaque installation de Flutter c’est toujours la galère, avec cet article j’espère que c’est fini !

Installer VS Code / Cursor

La méthode la plus simple consiste à passer par VS Code, on commence donc par l’installer : https://code.visualstudio.com/download

Vous pouvez aussi utiliser Cursor qui est un éditeur de code IA : https://www.cursor.com/downloads

L’extension Flutter

Une fois dans votre éditeur de code, dirigez vous dans le rubrique consacrée aux extensions, puis installez Flutter.

Après l’installation, un popup devrais apparaître, vous pouvez alors cliquer sur le bouton : clone sdk .

Ensuite sélectionner un dossier dans vos fichiers pour l’installation de flutter et laisser tourner quelques minutes.

Une fois ceci fait, un nouveau popup vous propose de l’ajouter au path, vous faites alors copy path et ensuite on execute cette commande pour éditer les variables d’environnement de zsh avec l’éditeur de texte nano :

nano ~/.zshenv

Si vous aviez déjà une ligne, vous pouver passer à la ligne suivante et ajouter ceci :

export PATH=<collez-le-path>/bin:$PATH

Pour ma part cela donne quelque-chose comme ça :

export PATH=/Users/timotheemonnier/Documents/Flutter/flutter/bin:$PATH

Et voilà !

Flutter Doctor

On peut maintenant lancer la commande flutter doctor pour vérifier que tout fonctionne bien et installer ce qui pourrait manquer.

[✓] Flutter (Channel stable, 3.29.0, on macOS 15.3.1 24D70 darwin-arm64, locale fr-FR)
[!] Android toolchain - develop for Android devices (Android SDK version 35.0.0)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/to/macos-android-setup for more details.
[✗] Xcode - develop for iOS and macOS
    ✗ Xcode installation is incomplete; a full installation is necessary for iOS and macOS development.
      Download at: https://developer.apple.com/xcode/
      Or install Xcode via the App Store.
      Once installed, run:
        sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
        sudo xcodebuild -runFirstLaunch
    ✗ CocoaPods not installed.
        CocoaPods is a package manager for iOS or macOS platform code.
        Without CocoaPods, plugins will not work on iOS or macOS.
        For more info, see https://flutter.dev/to/platform-plugins
      For installation instructions, see https://guides.cocoapods.org/using/getting-started.html#installation
[✓] Chrome - develop for the web
[✓] Android Studio (version 2024.1)
[✓] VS Code (version 1.97.2)
[✓] Connected device (2 available)
    ! Device emulator-5562 is offline.
[✓] Network resources

! Doctor found issues in 2 categories.

En l’occurence il me manque les command line tools, l’acceptation de la licence android, XCode et CocoaPods mais il peut aussi vous manquer Chrome ou d’autres choses.

Ci-dessous comment corriger les différentes lacunes.

Android Studio

Pour installer Android Studio, suivez ce lien : https://developer.android.com/studio?hl=fr

Android Toolchain

Pour l’android toolchain ça se passe dans Android Studio.

Command Line Tools

On clique d’abord sur More Actions puis sur SDK Manager.

More actions button on Android Studio


SDK Manager on Android Studio

Ensuite dans l’onglet SDK Tools, on coche la case Android SDK Command-line Tools.

Android SDK Command-line Tools on SDK Tools Tab on SDK of Android Studio


Pour continuer, appuyez sur le bouton Apply, puis sur OK pour lancer le téléchargement.

Enfin, acceptez la licence, puis faites Next, puis Finish, Apply et OK.

Android Licenses

Pour accepter les licences Android, vous pouvez exécuter cette commande :

flutter doctor --android-licenses

Puis faites y et Entrée jusqu’à avoir tout accepté.

Xcode

S’il vous manque comme moi Xcode ça se passe dans l’app store : https://apps.apple.com/fr/app/xcode/id497799835 . Une fois installé, il faut le démarrer puis sélectionner le développement MacOS et IOS et les installer. Pour finir il faut lancer ces commandes :

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

Cocoapods

Cocoapods s’installe comme ça :

brew install cocoapods

Tout est prêt !

Créer un projet

Maintenant vous pouvez créer votre projet avec CMD + MAJ + P, puis tappez : flutter new project et suivez les instructions.

Réinstaller un projet existant

Si vous aviez déjà une projet, vous pouvez faire ceci pour réinstaller les dépendances :

flutter pub get 

Démarrer l’application

Chrome

flutter run -d chrome

Merci pour votre lecture.

Installer Flutter facilement sur Mac