À 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
.


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

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.