Как настроить устройства для VS-кода для эмулятора флаттера

Я хотел бы использовать VS Code в качестве редактора для разработки Flutter, но я не знаю, как запустить эмулятор. Я установил VS Code на Ubuntu 17.10.

Я следовал первой половине инструкций, как описано на странице Flutter: Get Started (создание нового приложения). Тогда я столкнулся с неприятностями во втором тайме:

Запустите приложение

  1. Убедитесь, что целевое устройство выбрано в правом нижнем углу кода VS
  2. Нажмите кнопку F5 на клавиатуре или вызовите "Отладка"> "Начать отладку".
  3. Подождите, пока приложение запустится
  4. Если все работает, после того, как приложение было собрано, вы должны увидеть свое стартовое приложение на своем устройстве или симуляторе:

Проблема в том, что в этом правом нижнем углу есть "Нет устройств".

Как мне подключить устройство? Я не могу найти инструкции нигде.

ОТВЕТЫ

Ответ 1

Начиная с version 2.13.0 Dart Code, эмуляторы можно запускать непосредственно из кода, но эта функция опирается на поддержку инструментов Flutter, что означает, что они будут отображать эмуляторы только при использовании самого последнего пакета Flutter SDK. Мастер канал Flutters уже имеет это изменение, но это может занять немного больше времени, чтобы пройти через dev и beta каналы.

Я протестировал эту функцию и очень хорошо работал на флаттере версии 0.5.6-pre.61 (мастер-канал)

enter image description here

Ответ 2

Вы можете подключить телефон Android через USB-кабель, и тогда в нижней панели отобразится устройство. (Обратите внимание, что ADB должен быть установлен. Нажмите здесь для получения дополнительной информации)

Или вы можете полностью установить Android Studio и настроить эмулятор оттуда и запустить эмулятор. Затем VS Code запустит эмулятор и покажет внизу.

Ответ 3

Вам не нужна Android Studio для создания или запуска виртуального устройства. Просто используйте sdkmanager и avdmanager из инструментов Android SDK.

Используйте sdkmanager для загрузки системного образа Android для системы x86.
например, sdkmanager "system-images; android-21; по умолчанию; x86_64"

Затем создайте новое виртуальное устройство с помощью avdmanager.
например, avdmanager create avd --name AndroidDevice01 --package "системные образы; android-21; по умолчанию; x86_64"

Затем запустите новое виртуальное устройство с помощью эмулятора. Если у вас его нет, просто установите его с помощью sdkmanager.
например, эмулятор -avd AndroidDevice01

Если вы перезапустите VSCode и загрузите ваш проект Flutter. Новое устройство должно отображаться в нижнем правом углу нижнего колонтитула.

Ответ 4

Для тех, кто использует Mac, вы можете зайти в свой терминал и набрать

$ open -a Simulator.app

и эта команда откроет симулятор.

После этого просто перейдите к параметру " Отладка " и нажмите " Начать отладку ".

enter image description here

Если вы хотите проверить с помощью эмулятора Android:

Сначала я пошел в Android Studio и открыл виртуальное устройство с помощью AVD Manager. После этого вы увидите другие устройства в вашем коде Visual Studio

enter image description here

В правом нижнем углу вы увидите, что у вас есть 2 подключенных устройства. Теперь вы можете проверить с любым из этих устройств.

Ответ 5

VS Code должен знать, где Android SDK установлен в вашей системе. В Windows задайте для переменной среды "ANDROID_SDK_ROOT" корневую папку Android SDK.

Плюс: всегда проверяйте вкладки "OUTPUT" и "DEBUG CONSOLE" на наличие ошибок и информации.

Ответ 6

Альтернативно, если вы включите режим разработчика, и (ADB) все еще необходимо, вы можете использовать подключение к устройству.

Чтобы включить режим разработчика, перейдите в Настройки телефонa > О телефоне > коснитесь элемента с номером 7 раз

после его включения и подключения устройства вы можете начать просмотр устройства в VSCode

Ответ 7

Во-первых, вам нужно установить Android Studio и Xcode, чтобы создать эмулятор телефона.

В VSCode вы можете использовать плагин Android IOS Emulator, чтобы указать путь запуска эмулятора.

Ответ 8

Вам не нужно создавать виртуальное устройство с помощью Android Studio. Вы можете использовать свое устройство Android, работающее на Android 8.0 или выше. Все, что вам нужно сделать, это активировать настройки разработчика, а затем включить отладку по USB в настройках разработчика. Ваше устройство будет отображаться в нижней правой части кода VS. Без включения отладки USB устройство может не отображаться. введите описание изображения здесь

Ответ 9

Чтобы выбрать устройство, вы должны сначала запустить обе студии android и ваше виртуальное устройство. Тогда визуальный код студии отобразит это виртуальное устройство в качестве опции.

Ответ 10

Были сделаны следующие шаги:

  1. установлено genymotion
  2. настроил устройство и запустил его
  3. в нижнем правом углу vscode устройство показывает

Ответ 11

Вы можете использовать плагин " Android iOS Emulator " и добавить скрипт эмулятора Android Studio к своим настройкам в коде Visual Studio:

Mac: emulator.emulatorPath": "~/Library/Android/sdk/tools/emulator

Windows: emulator.emulatorPath": "<your android home>\\Sdk\\emulator\\emulator.exe

Linux: emulator.emulatorPath": "~/Documents/SDK/tools

Настройки кода вашей Visual Studio находятся здесь: Файл → Настройки → Настройки → Пользовательские настройки → Расширения → Конфигурация эмулятора. Открыть командную палитру Cmd-Shift-P → Type Emulator