如何为 Visual Studio Flutter 模拟器代码设置设备

How to set up devices for Visual Studio Code for a Flutter emulator

我想使用 Visual Studio 代码作为我的 Flutter 开发编辑器,但我不知道如何让模拟器运行。我已经在 Ubuntu 17.10 (Artful Aardvark) 上安装了 Visual Studio 代码。

我遵循了 Flutter: Get Started 页面(创建新应用)中概述的前半部分说明。那我运行下半场就麻烦了:

Run the app

  1. Make sure a target device is selected in the lower, right-hand corner of VS Code
  2. Press the F5 button on the keyboard, or invoke Debug>Start Debugging
  3. Wait for the app to launch
  4. If everything works, after the app has been built, you should see your starter app on your device or simulator:

问题是右下角是“无设备”。

如何连接设备?我似乎无法在任何地方找到说明。

您可以通过 USB 数据线连接 Android phone,然后它会在底栏中显示该设备。 (更多请备注ADB must be installed. Click here。)

或者您可以完全安装 Android Studio 并从那里设置模拟器和 运行 模拟器。然后 Visual Studio 代码将识别模拟器并将其显示在底部栏中。

或者,如果您启用了开发者模式并且仍然需要 (ADB),您可以使用连接到设备。

要启用开发者模式,请转到 Phone 设置 关于 Phone → 点击 buildnumber 七次。

启用它并连接设备后,您可以开始在 Visual Studio 代码中看到该设备。

对于那些使用 Mac 的人,您可以转到您的终端并输入

$ open -a Simulator.app

并且此命令将打开模拟器。

之后,只需转到“调试”选项并点击“开始调试

如果您想使用 Android 模拟器进行测试:

我所做的是先去 Android Studio 并使用 AVD Manager 打开一个虚拟设备。之后,您会在 Visual Studio 代码

中看到其他设备

在右下角,您现在会看到已连接 2 台设备。现在,您可以使用这些设备中的任何一个进行测试。

对于 select 设备,您必须首先启动 Android Studio 和您的虚拟设备。然后 Visual Studio 代码会将该虚拟设备显示为一个选项。

首先,您必须安装 Android Studio 和 Xcode 以创建 phone 模拟器。

在Visual Studio代码中可以使用Android iOS Emulator插件设置模拟器路径为运行.

您不需要 Android Studio 来创建或 运行 虚拟设备。只需使用 Android SDK 工具中的 sdkmanager 和 avdmanager。

使用 sdkmanager 为 x86 系统下载 Android 的系统映像。 例如,sdkmanager "system-images;android-21;default;x86_64"

然后使用avdmanager 创建一个新的虚拟设备。 例如,avdmanager create avd --name AndroidDevice01 --package "system-images;android-21;default;x86_64"

然后运行 使用模拟器的新虚拟设备。如果您没有它,请使用 sdkmanager 安装它。 例如,模拟器 -avd AndroidDevice01

如果您重新启动 Visual Studio 代码并加载您的 Flutter 项目。新设备应显示在页脚的右下角。

version 2.13.0 of Dart Code 开始,模拟器可以直接从 Visual Studio 代码中启动,但是 这个 功能依赖于 Flutter 工具的支持,这意味着它将仅在使用 最新的 Flutter SDK 时显示模拟器。 Flutter 的 master 频道已经有了这个变化,但可能需要更长的时间才能过滤到 development 和 beta 频道。

我测试了这个功能,它在 Flutter 版本 0.5.6-pre.61(master 频道)上运行良好。

Visual Studio 代码需要知道 Android SDK 在您系统上的安装位置。在 Windows 上,将“ANDROID_SDK_ROOT”环境变量设置为 Android SDK 根文件夹。

另外:始终检查“输出”和“调试控制台”选项卡中的错误和信息。

您不需要使用 Android Studio 创建虚拟设备。您可以在 Android 8.1 (Oreo) 或更高版本上使用 Android 设备 运行。您所要做的就是激活开发者设置,然后在开发者设置中启用 USB 调试。

您的设备将显示在 Visual Studio 代码的右下方。如果不开启USB调试,设备可能无法显示。

Enter image description here

完成了以下步骤:

  1. 已安装Genymotion
  2. 配置了一个设备并且运行它
  3. 在Visual Studio代码,右下角,设备显示

您可以使用“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 → 输入“Emulator”

Do Ctrl + Shift + P

然后输入Flutter:launch emulator

运行 在您的 Visual Studio 代码终端中执行此命令 flutter emulators 然后查看结果,如果您安装了任何模拟器,它将显示给您。然后 运行 其中之一,在我的例子中使用 flutter emulators --launch your_emulator_id flutter emulators --launch Nexus 6 API 28

但是如果您还没有安装任何模拟器,您可以使用 flutter emulators --create [--name xyz] 安装一个,然后 运行 您的项目 flutter run 在项目的根目录中。

在环境变量中设置“ANDROID_SDK_ROOT”。这解决了我的问题。

最近我从 Windows 10 家庭转为小学 OS。 Visual Studio 代码不是从 Ctrl + Shift + P.

启动模拟器而不是那个。我只是点击右下角没有设备→启动模拟器。效果很好。

Genymotion 设置 -> Select ADB 选项卡 -> Select

Use custom Android SDK tools -> Add Android SDK Path (Ex: C:\Users\randika\AppData\Local\Android\sdk)

对我来说,当我从 Ubuntu 命令行 运行 执行“flutter doctor”命令时 - 它显示了以下错误。

[✗] Android toolchain - develop for Android devices ✗ Unable to locate Android SDK.

从这个错误来看,很明显“flutter doctor”无法找到“Android SDK”,原因是 我的 Android SDK 是下载到我的 Ubuntu 机器上的自定义位置。

因此我们必须使用以下命令将此自定义 Android 位置告诉“flutter doctor”,

flutter config --android-sdk /home/myhome/Downloads/softwares/android-sdk/

您需要将 /home/myhome/Downloads/softwares/android-sdk/ 替换为自定义 location/place 的路径,其中 Android SDK 可用。

完成此操作后,重新运行“flutter doctor”,现在它已检测到 Android SDK 位置,因此我可以 运行 avd/emulator 通过键入“颤动 运行".

按 ctrl+shift+p 并选择 flutter:启动模拟器。

执行Ctrl + Shift + P

类型- Flutter:启动模拟器

您可以在VScode中看到底部菜单,点击这个按钮,您将能够看到所有可用的设备。