如何为 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
- Make sure a target device is selected in the lower, right-hand corner of VS Code
- Press the F5 button on the keyboard, or invoke Debug>Start Debugging
- Wait for the app to launch
- 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
完成了以下步骤:
- 已安装Genymotion
- 配置了一个设备并且运行它
- 在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中看到底部菜单,点击这个按钮,您将能够看到所有可用的设备。
我想使用 Visual Studio 代码作为我的 Flutter 开发编辑器,但我不知道如何让模拟器运行。我已经在 Ubuntu 17.10 (Artful Aardvark) 上安装了 Visual Studio 代码。
我遵循了 Flutter: Get Started 页面(创建新应用)中概述的前半部分说明。那我运行下半场就麻烦了:
Run the app
- Make sure a target device is selected in the lower, right-hand corner of VS Code
- Press the F5 button on the keyboard, or invoke Debug>Start Debugging
- Wait for the app to launch
- 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
完成了以下步骤:
- 已安装Genymotion
- 配置了一个设备并且运行它
- 在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中看到底部菜单,点击这个按钮,您将能够看到所有可用的设备。