如何为 Flutter 模拟器的 Visual Studio Code 设置设备答案

【问题标题】：How to set up devices for Visual Studio Code for a Flutter emulator如何为 Flutter 模拟器的 Visual Studio Code 设置设备
【发布时间】：2018-08-23 04:01:56
【问题描述】：

我想使用 Visual Studio Code 作为 Flutter 开发的编辑器，但我不知道如何启动模拟器。我已经在 Ubuntu 17.10 (Artful Aardvark) 上安装了 Visual Studio Code。

我按照Flutter: Get Started 页面（创建新应用）上概述的前半部分说明进行操作。然后下半场就遇到了麻烦：

运行应用

确保在 VS Code 的右下角选择了目标设备

按键盘上的 F5 按钮，或调用 Debug>Start Debugging

等待应用启动

如果一切正常，在构建应用后，您应该会在您的设备或模拟器上看到您的入门应用：

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

如何连接设备？我似乎在任何地方都找不到说明。

【问题讨论】：

我认为你需要类似stackoverflow.com/a/12846620/217408 Android Studio 和 IntelliJ 的 GUI，我怀疑 VSCode 有（我自己从未使用过 VSCode，因此完全不确定）
你也可以看看Genymotion，它是一个处理Android虚拟设备的GUI，免费供个人使用：genymotion.com/fun-zone
@LeoCavalcante 或 android-x86
大家好，谢谢大家，但您确实可以拥有一个用于 vs 代码的 GUI（模拟器）。这就是我想要的，嗯，模拟：youtube.com/watch?v=hhP1tE-IHos
请将Answered的答案改成这个-> stackoverflow.com/a/50998860/8164116

标签： visual-studio-code dart flutter

【解决方案1】：

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

我测试了这个功能，它在 Flutter 版本 0.5.6-pre.61（主通道）上运行良好。

【讨论】：

丹尼斯，我会按照你的要求去做，因为你的声誉比我高几倍，我尊重你的经验，但就我个人而言，在我的无知中，我不确定我是否热衷最佳答案意味着必须使用接近前沿的软件。
Flutter 是测试版，这意味着它将在一段时间内成为最前沿的软件。如果上面的答案对其他人有帮助，让我们一起生活吧。
@CharlesThomasIngles 抱歉，我刚刚看到您的评论，我想这确实是合适的答案：p。感谢您的收听 :)
谢谢。我认为 Visual Studio Code 是开发 dart 代码的方式。我在 iMac 上的 android studio 中设置了我的 x86 模拟器。从使用 bash 终端的 Visual Studio 代码中，我可以使用命令“/Users/your_user/Library/android/sdk/emulator/emulator -list-avds”设置 x86 模拟器，并使用“emulator -avd the_device_name”手动启动模拟器。在 etc/paths 中设置路径将允许您找到模拟器
按Ctrl+P，然后输入'>'

【解决方案2】：

您不需要 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 安装它。 例如，emulator -avd AndroidDevice01

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

【讨论】：

@VijayBalkawade 从 android sdk 安装文件夹运行它。

【解决方案3】：

执行 Ctrl + Shift + P

然后输入Flutter:launch emulator

或

在您的 Visual Studio Code 终端 flutter emulators 中运行此命令，然后查看结果（如果您已安装任何模拟器，它将显示给您）。然后运行其中一个，在我的情况下使用flutter emulators --launch your_emulator_id flutter emulators --launch Nexus 6 API 28

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

【讨论】：

【解决方案4】：

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

$ open -a Simulator.app

这个命令将打开模拟器。

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

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

我所做的是首先进入 Android Studio 并使用 AVD Manager 打开一个虚拟设备。之后，您将在 Visual Studio Code 中看到其他设备

现在您会在右下方看到已连接 2 台设备。现在，您可以使用任何此类设备进行测试。

【讨论】：

没有考虑过这种解决方法。谢谢！
我的 vscode 中没有可用的设备名称，而我已经添加了设备。我们如何启用此功能以在 VSCode 的右下角显示附加的设备名称/列表。任何建议。谢谢。

【解决方案5】：

您可以通过 USB 数据线连接 Android 手机，然后它会在底部栏中显示该设备。（请注意ADB必须安装，更多请点击here。）

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

【讨论】：

嗨@aawaz，我认为这是我需要做的。我必须承认我确实看到了安装 A/S 的说明，但我知道我不希望它作为我的主要编辑器，所以我真的翻了页，假设跳过那部分是可以的。但现在看来，如果我想要模拟器位，就必须安装。这个周末我会试试，让你知道它是怎么回事。另外，非常感谢您提供手机和 USB 数据线！
我花费的时间比我想象的要长，但我重新安装了 A/S，并且经过相当多的错误/退出代码研究，我让模拟器运行了。它超级慢，但至少出现了。一次一个错误。现在看看 VS Code 是否能全部识别出来。

【解决方案6】：

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

另外：始终检查“OUTPUT”和“DEBUG CONSOLE”选项卡中的错误和信息。

【讨论】：

【解决方案7】：

您可以使用“Android iOS Emulator”插件并将 Android Studio 模拟器脚本添加到您在 Visual Studio Code 中的设置中：

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 Code 设置可在此处找到：菜单文件 → 首选项 → 设置 → 用户设置 → 扩展 → 模拟器配置。打开命令面板，Cmd + Shift + P → 输入“Emulator”

【讨论】：

【解决方案8】：

执行Ctrl + Shift + P

类型- Flutter:launch emulator

【讨论】：

【解决方案9】：

首先，您必须安装 Android Studio 和 Xcode 才能创建手机模拟器。

在 Visual Studio Code 中，您可以使用 Android iOS Emulator 插件来设置模拟器运行的路径。

【讨论】：

【解决方案10】：

已完成以下步骤：

已安装Genymotion
配置设备并运行它
在 Visual Studio Code 中，右下角，设备显示

【讨论】：

我的 VS Code 中没有显示 genymotion 模拟器，你知道为什么吗？模拟器运行正常

【解决方案11】：

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

要启用开发者模式，请转到手机设置 → 关于手机 → 点击版本号 七次。

启用它并连接设备后，您就可以开始在 Visual Studio Code 中查看设备了。

【讨论】：

我不得不承认，起初我认为整个 Tap 7x 的事情是某种奇怪的笑话。但这是真的，这就是它应该做的！我现在启用了开发者模式，但我必须安装 VS Code（我完全重新安装了 linux），然后看看效果如何。

【解决方案12】：

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

【讨论】：

【解决方案13】：

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

[✗] Android 工具链 - 为 Android 设备开发 ✗ 无法定位 Android SDK。

从这个错误中，很明显“颤振医生”无法找到“Android SDK”，原因是我的 Android SDK 是在我的 Ubuntu 机器上的自定义位置下载的。强>

所以我们必须要告诉“flutter doctor”这个自定义的 Android 位置，使用下面的命令，

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

您需要将/home/myhome/Downloads/softwares/android-sdk/ 替换为您的自定义位置/Android SDK 可用位置的路径。

完成后，重新运行“flutter doctor”，现在它已检测到 Android SDK 位置，因此我可以通过键入“flutter run”来运行 avd/emulator。

【讨论】：

【解决方案14】：

您可以在 VScode 中看到底部菜单，单击此按钮，您将可以看到所有可用的设备。

【讨论】：

【解决方案15】：

要选择设备，您必须先启动 Android Studio 和您的虚拟设备。然后 Visual Studio Code 会将该虚拟设备显示为一个选项。

【讨论】：

【解决方案16】：

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

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

Enter image description here

【讨论】：

【解决方案17】：

按 ctrl+shift+p 并选择颤振：启动模拟器。

【讨论】：

【解决方案18】：

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

使用自定义 Android SDK 工具 -> 添加 Android SDK 路径（例如：C:\Users\randika\AppData\Local\Android\sdk）

【讨论】：

【解决方案19】：

最近我从 Windows 10 家庭版切换到了 Elementary OS。 Visual Studio Code 不是从 Ctrl + Shift + P 开始的。

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

【讨论】：