Installer Flutter, Dart et Android Studio sur Windows

Installer Flutter, Dart et Android Studio sur Windows vous permet d’avoir votre environnement de développement en suivant quelques étapes.

Comme nous allons apprendre à créer des applications avec Flutter, nous allons donc l’installer. Ne vous inquiétez pas, notre installation va inclure le langage Dart.

Flutter est l’une des technologies à croissance rapide en matière de développement multi-plateforme, et le secret derrière la création d’une application Flutter est le langage Dart.

En fait, Flutter est l’un des outils de développement natives, il permet de créer des applications multi-plateformes pour Android, iOS, le Web et des applications Desktop.

Installer Flutter et Dart sur windows

La première chose que vous devrez faire est d’aller sur flutter.dev. Cliquez sur le bouton get started, cela vous amènera à la page d’installation, puis cliquer sur l’option Windows. Notez que votre ordinateur doit répondre à certaines exigences afin d’installer Flutter.

Assurez-vous que votre système d’exploitation est conforme à ce qui est nécessaire et que vous disposez de suffisamment d’espace disque.

Si vous avez Windows 10 powershell est déjà installé, sinon cliquez sur le lien pour l’installer.

Installer git

Ensuite vérifiez si git est déjà installé sur votre ordinateur. Ouvrez l’invite de commande et saisissez git puis appuyez sur Entrée.

Si vous voyez un écran comme celui-ci, git est déjà installé.

Sinon installez git pour Windows en cliquant sur le lien. Une page de téléchargement apparaît, sélectionnez 32 bits ou 64 bits selon votre système.

Une fois le téléchargement terminé lancez le programme d’installation.

Autorisez l’application à apporter des modifications à votre appareil. Lisez les termes et conditions, puis cliquez sur Next. Laissez toutes les fonctionnalités par défaut telles qu’elles sont, puis cliquez sur install.

Une fois, le kit installé, nous pouvons passer à l’étape suivante qui consiste à télécharger Flutter SDK.

Installer Flutter SDK

Dans la page d’installation de Flutter pour Windows, cliquez sur le bouton bleu.

En fait, SDK signifie kit de développement logiciel et c’est un ensemble d’outils, comprenant des bibliothèques et de la documentations, nécessaires pour développer des applications. Flutter SDK nous permet de créer des applications pour le Web, le mobile et de bureau à partir d’une seule base de code.

Une fois le téléchargement terminé, extrayez le fichier zip et placez-le dans le dossier ou l’emplacement d’installation souhaité, par exemple, C: /flutter. Toutefois, ne le mettez pas dans program files, car ce dossier a besoin de privilèges élevés.

Afin de pouvoir exécuter la commande Flutter dans la console Windows, vous devez mettre à jour le chemin du système pour inclure le répertoire bin de Flutter. Dans la barre de recherche, tapez env, accédez à modifier les variables d’environnement.

Puis cliquer sur « Variable d’environnement ». Dans paramètres utilisateurs vous devez avoir la variable Path. Si vous ne l’avez pas, vous pouvez la créer avec le bouton nouveau, sinon cliquez sur modifier.

Cliquez ensuite sur nouveau pour inclure le chemin du dossier bin.

Exécutez Flutter Doctor

Flutter doctor vous indique si toutes les dépendances de Flutter sont installées ou si certaines doivent être installées.

C:\>flutter doctor
Downloading Material fonts...                                      14.0s
Downloading Gradle Wrapper...                                      331ms
Downloading package sky_engine...                                  472ms
Downloading flutter_patched_sdk tools...                         2,656ms
Downloading flutter_patched_sdk_product tools...                 2,421ms
Downloading windows-x64 tools...                                    5.6s
Downloading windows-x64/font-subset tools...                       824ms
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.0.6, on Microsoft Windows [Version 10.0.19042.867], locale en-KE)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, please use
      `flutter config --android-sdk` to update to that location.

[√] Chrome - develop for the web
[!] Android Studio (not installed)
[√] Connected device (2 available)

Vous allez constater qu’il y a un problème, Android SDK n’est pas installé.

Configuration de Android SDK

Vous allez installer Android Studio et configurer Android SDK.

Donc, téléchargez Android Studio sous forme de fichier zip ou de fichier exécutable à partir du site officiel.

Ensuite, vous installerez Android Studio en suivant l’assistant d’installation. En fait, Android SDK sera téléchargé lorsque vous installez Android Studio. Appuyez sur le bouton finish.

Dans la fenêtre suivante, choisissez l’option Do not import settings et Don't send. Continuez avec Next, puis finish.

Vous avez installé Android Studio et configuré le Android SDK sur votre ordinateur Windows.

Installation des Plugins Pour Android Studio

Dans cette étape, vous allez installer les plugins Flutter et Dart dans Android Studio. Commencez par ouvrrire Android Studio.

Ensuite, cliquez sur Configure, puis sur Plugins.

Dans Marketplace, utilisez la zone de recherche en tapant Flutter ensuite Dart afin de les installer.

Vous devez redémarrer Android Studio pour voir les plugins nouvellement ajoutés.

Vous avez réussi à configurer Android Studio en tant qu’éditeur de code pour Flutter et Dart.

Accédez à :
Tools -> SDK Manager -> SDK Tools, cochez Android SDK Command-line-Tools et en bas cliquez sur Apply. Attendez que le téléchargement soit terminé et cliquez sur Finish puis Ok.

Ouvrez l’invite de commande et lancez cette commande.

flutter doctor --android-licenses

Tapez y à chaque fois, puis Entrée pour accepter.

À l’étape suivante, vous allez configurer l’émulateur Android.

Configuration de l’émulateur Android

Vous allez utiliser le gestionnaire de périphérique virtuel Android (AVD). AVD Manager est un outil fourni avec Android Studio. Il vous aide à créer et à maintenir des appareils virtuels Android.

Dans le menu, sélectionnez Tools -> AVD Manager. Puis, sélectionnez l’option Create virtual device.

Vous allez avoir la possibilité de configurer un appareil. Appuyer sur le bouton Next .

Vous allez sélectionner la dernière image système d’Android, en cliquant sur Download. Cliquez sur finish.

Cliquez sur la version d’android puis sur Next. Laissez la configuration par défaut et cliquez sur finish.

Vous pouvez vérifier la configuration en lançant le AVD Manager. Pour lancer l’appareil virtuel, appuyez sur le bouton de lecture.

Le périphérique virtuel Android va démarrer sur votre machine Windows.

Vérification de l’installation de Flutter

Ouvrez l’invite de commande et exécutez la commande ci-dessous.

flutter doctor -v

Vous verrez une sortie qui ressemble à celle ci.

[✓] Flutter (Channel stable, 2.2.1, on Linux, locale fr_FR.UTF-8)
    • Flutter version 2.2.1 at /home/henkes/snap/flutter/common/flutter
    • Framework revision 02c026b03c (il y a 10 semaines), 2021-05-27 12:24:44 -0700
    • Engine revision 0fdb562ac8
    • Dart version 2.13.1

En cas de problème, un message d’erreur sera affiché.

Si vous avez un problème avec l’appareil connecté, assurez-vous que votre appareil virtuel Android est en cours d’exécution. Ouvrez votre Android Studio et accédez à Tools -> AVD Manager , puis appuyez sur l’icône Play dans la liste des périphériques virtuels.

Nous avons terminé tous les téléchargements, installations et autres trucs, donc vous êtes prêt pour commencer votre apprentissage.