如何为 VSCode 设置模拟器？

VSCode 是一种高级源代码编辑器，可与多种编程语言一起使用，包括Java、JavaScript、Go、Node.js、 Python和 C++。 VSCode 由 Microsoft 为 Windows 开发，用于开发 GUI、移动应用程序和 Web 应用程序等等。

要下载和设置 VSCode，您可以按照 VSCode 设置教程进行操作。模拟器是使一个设备能够像另一台设备一样工作的软件或硬件。它可以简单地定义为电子设备中的计算机程序模拟（模仿）另一个程序或设备的能力。

当我们使用 VSCode 创建移动应用程序时，我们需要将其部署到某个地方以检查应用程序的 GUI 和工作情况并进行相应的修改。但是当我们需要查看我们的输出并修改它时，将它制作成APK并在手机中一次又一次地打开它需要花费很多时间。 Android Emulator 在您的计算机上模拟 Android 设备，以便您可以在各种设备和 Android API 级别上测试您的应用程序，而无需拥有每个物理设备。

在本文中，我们将看到为 VSCode 设置模拟器的不同方法。

方法一：使用 Genny 运动模拟器

分步实施

第 1 步：下载 Genny 运动模拟器和 Virtual box。 https://www.genymotion.com/download/

第 2 步：打开 Genny 运动模拟器。

如果您的 PC 上没有安装虚拟盒子，那么您可能会遇到此错误

然后从这个链接安装虚拟盒子，安装后，您可以按照 Genny Motion 教程进行其余的 genny Motion 设置以及如何安装虚拟设备的详细信息等。

第 3 步：安装虚拟设备后，从 Virtual box 或 Genny Motionx 启动虚拟设备。当您打开 Genny motion 时，您已安装的设备将如下图所示，要安装新设备，您需要单击右上角的加号（“+”）。

当您单击某个设备时。该设备将运行，您可以在屏幕上看到一个虚拟手机。

屏幕上的虚拟手机

第 4 步：就是这样，当你在 VSCode 中运行代码时，它会直接在虚拟设备中运行，你可以感受到手机中的 UI 并检查 UI，在代码中进行必要的更改，如果任何，然后通过单击 CTRL+R 再次热重新加载设备以查看更新的更改。

方法二：在 VSCode 中使用 Android iOS Emulator 扩展

分步实施

第 1 步：转到 VSCode 上的 Extensions 按钮并搜索 Android 和 iOS Emulator 并安装它。

安装那个扩展

第 2 步：单击“设置”图标>单击“扩展设置”按钮，然后您会看到如下图所示的页面

给出与图像中提到的相同的仿真器路径

Note: Change the Emulator path windows address based on the location of the emulator file on your PC but make the Emulator path as default it would be given as default by the VSCode.

第 3 步：现在您已整理好，您将在右上角获得移动图标，单击该图标您将获得可用虚拟设备的列表。

如果您单击设备，您希望它作为虚拟移动设备打开，并且当您运行代码时，它会直接运行到虚拟设备中，您可以感受到手机中的 UI 并检查 UI，使必要更改代码并通过单击 CTRL+R 再次热重新加载设备以查看更新的更改。

方法 3：使用 AVD（Android 虚拟设备）管理器

分步实施

第 1 步：我们 需要在我们的系统中安装 Android Studio 才能使用 AVD Manager 管理虚拟设备，并且要在 Android Studio 中安装 AVD Manager，您可以按照本教程进行操作。

第 2 步：当您在 AVD 管理器中安装新的虚拟设备时，该设备将反映在 VSCode 中。

在这里你可以看到最初没有设备

第 3 步：如果单击“无设备”，您将获得已创建 AVD 管理器和浏览器的设备列表

第 4 步：如果您点击设备，您希望它会作为虚拟移动设备打开，并且当您运行代码时，它会直接运行到虚拟设备中，您可以感受到手机中的 UI 并检查 UI ，对代码进行必要的更改，然后通过单击 CTRL+R 再次热重新加载设备以查看更新的更改。