Comment installer Flutter sur Mac ?

Flutter est un super outil qui va vous permettre de développer des applications web, bureau et mobile en un rien de temps. C'est très à la mode en ce moment alors pourquoi pas tester ! Ca commence par installer Flutter, let's dive in !

Comment installer Flutter sur Mac ?

Flutter est un super outil qui va vous permettre de développer des applications web, bureau et mobile en un rien de temps.

C'est très à la mode en ce moment alors pourquoi pas tester ! Ça commence par installer Flutter, let's dive in !

Pour en savoir plus sur les nouveautés de Flutter, vous pouvez aller voir cet article en français 🇫🇷 écrit par Async.

Télécharger le SDK Flutter

Le SDK (Software Development Kit) est un ensemble de logiciels et outils qui vont vous assister dans la programmation d'une application Flutter. Vous devez l'installer pour pouvoir développer avec Flutter.

  1. Rendez-vous ici : https://flutter.dev/docs/development/tools/sdk/releases?tab=macos
  2. Et téléchargez la dernière version dans la section "Stable Channel"
  3. Dézippez le fichier (double-clique dessus)

Installer le SDK sur votre mac

On va maintenant poser le SDK dans votre mac à un endroit bien sympa ou vous pourrez le retrouver facilement et où il embêtera personne.

Personnellement, je l'ai mis dans /Users/anthony/SDKs/flutter (Remplacez bien anthony par votre nom d'utilisateur, nom de session sur votre Mac, et pensez à créer le dossier SDKs avant).

  1. Ouvrez l'application Terminal sous Mac
  2. Déplacez le dossier dézippé à l'étape précédente dans le dossier où vous souhaitez installer Flutter

Voici les commandes à taper dans le terminal, vous pouvez aussi faire ça via le Finder si vous préférez ;)

cd ~/SDKs/flutter
mv ~/Downloads/flutter_macos_2.0.3-stable .

Et voilà ! C'est installé ! Il y a encore quelques manipulation à faire pour avoir une expérience de développement au top.

Configurer le SDK et votre Terminal

Il faut maintenant expliquer à votre Mac où se trouve Flutter pour que Android Studio ou VSCode puissent utiliser Flutter pour compiler vos applications.

True hacker

On va donc s'atteler à la tâche.

  1. Tapez dans le terminal
$ echo $SHELL
/bin/zsh
  • Si cette commande vous donne /bin/bash alors il faudra modifier le fichier ~/.bash_profile de votre Mac
  • Si cette commande vous donne /bin/zsh alors il faudra modifier le fichier ~/.zshrc

2. Ouvrez l'un ou l'autre en fonction de votre résultat avec votre éditeur de texte préféré : open ~/.zshrc ou open ~/.bash_profile

3. Ajoutez la ligne suivante à la fin du fichier :

export PATH="$PATH:/Users/anthony/SDKs/flutter/bin"
Attention à bien mettre votre chemin pour votre cas (pas `anthony` en gros, sauf si vous vous appelez Anthony 🤌) 

4. Ouvrez une nouvelle fenêtre du terminal (`CMD+N`) et lancer la commande which flutter

$ which flutter
/Users/Anthony/SDKs/flutter/bin/flutter
Voilà ce que cela devrait donner :)

Si c'est ok ici, alors vous avez tout bien fait, sinon relisez bien chaque étape, et assurez-vous d'avoir ouvert une nouvelle fenêtre du terminal par exemple ou bien donnez le bon chemin dans le fichier de profil shell (voir l'étape 3)

C'est une victoire (normalement)

S'assurer que tout roule 🏎

Flutter vous met à disposition une commande pour savoir si tout va bien dans votre installation. Nous allons la lancer ensemble ;)

flutter doctor
Lancez cette commande dans votre terminal fraîchement ouvert.

Flutter va faire un diagnostic de ce qui va et ne va pas, c'est à vous ensuite d'interpréter les éléments qu'il reste à faire.

Voilà ce que j'ai personnellement :

$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.0.3, on macOS 11.2.2 20D80 darwin-arm, locale fr-FR)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.55.0)
[✓] Connected device (2 available)

• No issues found!

Après, je triche j'ai déjà tout configuré.

🎖Bravo en tout cas d'être arrivé jusqu'ici !

Pour la suite de la configuration, il faut généralement :

  • Installez Android Studio ou Visual Code et leur plug-ins Flutter respectifs
  • Configurez le SDK Android et Xcode pour le dev Apple.

Est-ce qu'un article sur la suite de la configuration vous intéresse ? Si oui, faites le nous savoir sur notre page Facebook ou Instagram ou par mail🔥

Commentaires

Connectez vous ou devenez un membre de Async pour rejoindre la conversation.
Entrez un mail ici pour recevoir un lien de connexion, super simple ⚡️