Comment configurer des périphériques pour Visual Studio Code pour un émulateur Flutter

Question

J'aimerais utiliser Visual Studio Code comme éditeur pour le développement de Flutter, mais je ne sais pas comment faire fonctionner l'émulateur. J'ai installé Visual Studio Code sur Ubuntu 17.10 (Artful Aardvark).

J'ai suivi la première moitié des instructions telles qu'elles sont décrites sur le site Web de la Commission européenne. Flutter : Commencez (Créer une nouvelle application). Ensuite, j'ai rencontré des difficultés dans la seconde moitié :

Exécuter l'application

1. Assurez-vous qu'un appareil cible est sélectionné dans le coin inférieur droit de VS Code.
2. Appuyez sur le bouton F5 du clavier, ou invoquez Debug>Start Debugging (Débogage>Démarrer le débogage).
3. Attendez le lancement de l'application
4. Si tout fonctionne, une fois l'application construite, vous devriez voir votre application de démarrage sur votre appareil ou votre simulateur :

Le problème, c'est que dans ce coin en bas à droite, il y a "Aucun appareil".

Comment connecter un appareil ? Je ne trouve pas d'instructions nulle part.

Answer 1

De version 2.13.0 du code Dart Les émulateurs peuvent être lancés directement à partir de Visual Studio Code, mais ce repose sur le support des outils Flutter, ce qui signifie qu'elle n'affichera les émulateurs que si l'on utilise la fonction un SDK Flutter très récent . Le canal principal de Flutter a déjà intégré cette modification, mais il faudra peut-être un peu plus de temps pour qu'elle soit prise en compte dans les canaux de développement et bêta.

J'ai testé cette fonctionnalité, et elle a très bien fonctionné sur la version 0.5.6-pre.61 de Flutter (canal maître).

Answer 2

Vous n'avez pas besoin d'Android Studio pour créer ou exécuter un dispositif virtuel. Utilisez simplement sdkmanager et avdmanager à partir des outils Android SDK.

Utilisez le sdkmanager pour télécharger une image système d'Android pour le système x86. Par exemple, sdkmanager "system-images;Android-21;default;x86_64"

Ensuite, créez un nouveau périphérique virtuel en utilisant avdmanager. Par exemple, avdmanager create avd --name AndroidDevice01 --package "system-images;Android-21;default;x86_64"

Ensuite, exécutez le nouveau dispositif virtuel en utilisant l'émulateur. Si vous ne l'avez pas, installez-le en utilisant le sdkmanager. Par exemple, émulateur -avd AndroidDevice01

Si vous redémarrez Visual Studio Code et chargez votre projet Flutter. Le nouveau dispositif devrait apparaître en bas à droite du pied de page.

Answer 3

Pour les personnes utilisant un Mac, vous pouvez aller dans votre terminal et taper

$ open -a Simulator.app

et cette commande ouvrira le simulateur.

Après cela, il suffit d'aller dans l'option Debug et de taper sur " Démarrer le débogage "

Si vous voulez tester avec un émulateur Android :

Ce que j'ai fait, c'est d'abord aller dans Android Studio et ouvrir un dispositif virtuel avec AVD Manager. Après cela, vous verrez un autre dispositif dans votre code Visual Studio.

En bas à droite, vous verrez que vous avez maintenant 2 appareils connectés. Maintenant, vous pouvez tester avec n'importe lequel de ces appareils.

Answer 4

Vous pouvez connecter un téléphone Android via un câble USB et le dispositif s'affichera alors dans la barre inférieure (veuillez noter que ADB doit être installé. Cliquez sur ici pour en savoir plus).

Vous pouvez aussi installer Android Studio et configurer l'émulateur à partir de là, puis lancer l'émulateur. Visual Studio Code reconnaîtra alors l'émulateur et l'affichera dans la barre inférieure.

Answer 5

Visual Studio Code doit savoir où le SDK Android est installé sur votre système. Sous Windows, définissez la variable d'environnement "ANDROID_SDK_ROOT" sur le dossier racine du SDK Android.

Plus : Vérifiez toujours les onglets "OUTPUT" et "DEBUG CONSOLE" pour les erreurs et les informations.