Comment lancer l'émulateur de device de Flutter depuis Visual Studio (VS) Code ?

Les équipes de Google ont conçu le framework Flutter dans un esprit d'ouverture, afin qu'il soit compatible avec le plus d'environnements possible. Il permet de créer des applications pour les 2 systèmes d'exploitation mobiles les plus populaires, Android et iOS, mais va s'élargir pour accepter le web et les systèmes d'exploitation pour PC. C'est le même esprit pour la création de votre application. Le framework est pris en charge et géré par Android Studio, l'environnement de développement mis en avant par Google. Mais le framework ainsi que les outils le manipulant étant open source, d'autres solutions ont été créées. On peut par exemple créer son application à l'aide du logiciel Visual Studio Code développé par Microsoft.

Il existe en effet une extension permettant de manipuler entièrement le framework Flutter. Il s'agit de l'extension "Dart Code". Cette extension apporte le support du langage Dart dans votre logiciel. Pour l'installer, il y a plusieurs solutions. Vous pouvez le faire en la recherchant directement dans Visual Studio Code. On peut également l'installer depuis la Marketplace de Microsoft, ou bien en vous rendant sur le site internet de l'extension : https://dartcode.org/. Depuis la version 2.13, il est possible de lancer l'émulateur du framework pour tester votre application directement depuis votre environnement de développement. Si vous utilisez une version très récente de l'application, son code a été séparé en deux extensions différentes. Vous devez avoir également installé l'extension "Flutter" sur Visual Studio Code. Il est recommandé d'avoir une version du framework récente pour que cette commande fonctionne. Dans Visual Studio Code, utilisez le raccourci "CTRL + P" pour accéder à la saisie de commande. Utilisez alors la commande ">Flutter : Lauch Emulator" pour lancer automatiquement le projet sur lequel vous travaillez dans l'émulateur du framework. Le fait de saisir les premières lettres de la commande la fera apparaître dans la liste déroulante sur-le-champ. Vous pouvez ainsi directement voir le rendu de votre code sans devoir utiliser un logiciel supplémentaire.

Android