Bonjour à tous, la semaine dernière, je vous ai montré comment installer Flutter sur votre ordinateur. Cette semaine, nous allons voir comment configurer un éditeur de code afin de pouvoir créer notre première application Flutter.
1. Configuration d'un éditeur
Pour commencer à développer des applications Flutter, vous avez besoin d'un éditeur de texte ou d'un environnement de développement intégré (IDE) avec les outils nécessaires. Google recommande d'utiliser Android Studio ou Visual Studio Code avec les plugins Flutter pour bénéficier de fonctionnalités telles que la complétion automatique du code, la coloration syntaxique, le débogage intégré, et bien plus encore.
Installation du plugin Flutter dans Android Studio
1. Ouvrez Android Studio sur votre machine.
2. Dans la barre de menu, rendez-vous sur "Android Studio" puis sélectionnez "Préférences" (sur macOS) ou "Fichier" puis "Paramètres" (sur Linux ou Windows).
3. Dans la fenêtre des paramètres, sélectionnez "Plugins" dans la liste de gauche. Ensuite, cliquez sur "Marketplace" en haut de la fenêtre. Recherchez "flutter" dans la barre de recherche des plugins, sélectionnez le plugin Flutter et cliquez sur "Installer".
4. Une fois l'installation terminée, Android Studio vous demandera de redémarrer l'IDE pour appliquer les modifications. Suivez les instructions pour redémarrer.
OU
Installation du plugin Flutter dans Visual Studio Code
1. Ouvrez Visual Studio Code sur votre machine.
2. Dans la barre latérale, cliquez sur l'icône des extensions (ou appuyez sur `Ctrl+Shift+X`).
3. Tapez "flutter" dans la barre de recherche des extensions. Cliquez sur "Installer" à côté de l'extension Flutter proposée par le fournisseur "Dart Code".
4. Une fois l'installation terminée, Visual Studio Code vous demandera de redémarrer l'éditeur pour appliquer les modifications. Suivez les instructions pour redémarrer.
Maintenant que vous avez installé le plugin Flutter dans un éditeur de texte de votre choix, passons à la création de votre première application.
2. Création de votre première application Flutter
1. Ouvrez Android Studio.
2. Cliquez sur "Nouveau projet Flutter" dans la boîte de dialogue de bienvenue d'Android Studio. Suivez les étapes guidées pour configurer votre projet, en veillant à sélectionner le type d'application souhaité (par exemple, une application par défaut).
3. Une fois le projet créé, Android Studio générera un squelette d'application Flutter. Vous pouvez maintenant commencer à développer votre application en modifiant le code source situé dans le répertoire `lib`.
4. Utilisez les outils intégrés d'Android Studio pour exécuter votre application sur un émulateur ou un appareil physique.
En suivant ces étapes, vous avez configuré votre environnement de développement et créé votre première application Flutter avec Android Studio. Vous pouvez désormais explorer davantage les fonctionnalités de Flutter et commencer à développer des applications multiplateformes !
Références :
Set up an editor | Flutter, consulté le 02/03/2024
Test drive | Flutter, consulté le 02/03/2024
Commentaires