Flutter est un SDKFlutter gratuit et open-source permettant de créer des applications multiplateformes à l'aide d'une base de code unique. Conçu, développé et optimisé par Google pour être le kit de développement logiciel d'interface utilisateur idéal utilisé pour le développement d'Android, Linux, Mac, Windows, iOS et Google Fuschia applications, Flutter est écrit en C, C++ et Dart, ce qui permet aux développeurs chevronnés de l'utiliser confortablement.
Flutter a gagné du terrain dans la communauté du développement depuis sa sortie, car il attire les développeurs professionnels pour créer rapidement des applications ainsi que aux nouveaux programmeurs enthousiastes à l'idée d'apprendre le développement d'applications multiplateformes.Un problème, cependant, est que Flutter peut être un vrai casse-tête à installer.
Dans cet article, vous apprendrez à configurer l'application Flutter sur votre machine Linux dans les étapes chargées ci-dessous. À la fin de la journée, vous devriez être en mesure de créer des applications Flutter en utilisant un émulateur de votre choix et Visual Studio Code.
Configuration requise
Pour installer et exécuter Flutter, votre environnement de développement doit répondre à ces exigences minimales :
Installer Java dans Ubuntu
Tout d'abord, exécutez la commande suivante pour vérifier si la version Java que vous utilisez au cas où elle serait déjà installée.
$ version java
Si ce n'est pas le cas, exécutez la commande suivante pour l'installer, puis vérifiez à nouveau la version pour confirmer qu'elle a été correctement installée.
$ sudo apt install openjdk-11-jdk $ java -version
Installer Android Studio dans Ubuntu
Android Studio doit être installé sur votre appareil pour pouvoir exécuter Flutter . Étant donné que vous souhaitez configurer un environnement de développement, je suppose que votre machine répond aux exigences minimales.
Téléchargez le package Android Studio pour votre Linux et extrayez-le dans le répertoire de votre choix.
Depuis votre terminal, lancez Android Studio en accédant à l'emplacement du répertoire dans lequel vous avez extrait le package et en exécutant le script comme suit :
$ cd android-studio/bin $ ./studio.sh
Quand Android Studio s'ouvre, sélectionnez si vous souhaitez importer ou non les paramètres précédents et cliquez sur OK . Pour le moment, vous n'avez pas besoin d'importer quoi que ce soit.
Importer les paramètres d'Android Studio
Téléchargez les différents fichiers du SDK Android et toutes les mises à jour en attente. Lorsque vous avez tout défini, cliquez sur Start un nouveau Android Studio Project.
Assistant de configuration d'Android Studio
Créer un nouveau projet
Donnez au projet un peu de temps pour se construire. Les premières versions prennent généralement plus de temps que d'habitude, car c'est au cours de ces phases que les préférences du projet et les options par défaut sont définies dans le système.
Détails du projet
Si vous souhaitez lancer Android Studio sans passer par le terminal la prochaine fois, créez une icône sur le bureau à partir de Outils –> Créer une entrée de bureau.
Créer un raccourci pour le bureau Android Studio
Installer Flutter dans Ubuntu
Pour installer Flutter dans Ubuntu, vous devez d'abord installer quelques outils et bibliothèques nécessaires pour utiliser Flutter sur Ubuntu.
$ sudo apt install curl file git unzip xz-utils zip libglu1-mesa clang cmake ninja-build pkg-config libgtk-3-dev
Ensuite, téléchargez le SDK Flutter, extrayez le fichier dans le dossier /development. Il s'appellera flutter.
$ mkdir ~/development $ cd ~/développement $ wget https://storage.googleapis.com/flutter_infra_release/releases/stable/linux/flutter_linux_2.8.0-stable.tar.xz $ tar xf flutter_linux_2.8.0-stable.tar.xz
Ajoutez le flottement tool à votre chemin dans le .bashrcdossier.
$ nano .bashrc
Lorsque le fichier s'ouvre pour modification, ajoutez le chemin du SDK Flutter à la fin du fichier.
"export PATH=$PATH:/home/ubuntu/development/flutter/bin"
Mise à jour du terminal en exécutant la commande suivante. Attention, cela ne fonctionne que si le Flutter SDK se trouve dans votre répertoire personnel.
$ source .bashrc
Enregistrez et fermez le fichier. Fermez également votre terminal.
Dans une nouvelle fenêtre de terminal, exécutez echo $PATH pour voir le chemin mis à jour qui devrait maintenant contenir le SDK Flutter.
$ echo $CHEMIN /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin: /home/ubuntu/development/flutter/bin
Ensuite, lancez Flutter Doctor.
$ médecin flutter
Exécutez Flutter Doctor
Attendez-vous à ce qu'une liste de problèmes s'affiche pour différentes catégories. N'ayez pas peur, voici les étapes pour les corriger :
1. Outils de ligne de commande du SDK Android à partir du fichier -> Paramètres -> Apparence et comportement -> Paramètres système -> SDK Android -> Outils SDK et cochez la case "Outils de ligne de commande Android SDK (dernière)", puis appuyez sur le bouton OK pour installer.
Installer les outils de ligne de commande d'Android Studio
2. Pour utiliser Flutter, vous devez exécuter le commande suivante pour convenir des licences de la plate-forme Android SDK.
$ flutter doctor --android-licenses
Installer le plug-in Flutter dans Android Studio
Pour installer le plugin Flutter, cliquez sur 'Configure' sur l'écran 'Bienvenue dans Android Studio' et sélectionnez 'Plugins'. Ou recherchez Flutter à partir de File > Settings > Plugins > Recherche dans les référentiels.
Installer Flutter dans Android Studio
À partir de là, installez les plugins Flutter et Dart pour Android Studio.
Ajout de l'émulateur Android
Maintenant que les plugins Dart et Flutter sont installés, sélectionnez le Gestionnaire d'appareils virtuels Android (AVD) de Tools et Créer un périphérique virtuel Sélectionnez la catégorie Téléphone pour choisir le matériel de votre choix et cliquez sur Suivant.
Configuration de périphérique virtuel
L'étape suivante consiste à sélectionner une image. Sélectionnez R et cliquez sur suivant.
Création de votre premier projet dans VS Code
Premièrement, recherchez et installez Flutter et Dart extensions dans VS Code. Lorsque cela est fait, entrez la commande suivante dans votre terminal :
$ flutter créer example_project && code example_project
Cela va créer un projet avec le nom 'example_project' et le lancer dans VS Code. Sélectionnez No Device en bas à droite de l'éditeur pour télécharger un Emulator Lorsque le téléchargement est terminé, lancez l'émulateur s'il ne s'ouvre pas automatiquement.
Félicitations, Flutter est installé et entièrement configuré sur votre machine Linux ! Bon développement !