[React Native] VS Code 调用模拟器(虚拟机/仿真器)开发调试_react native 在vs code 上如何跑安卓模拟器-CSDN博客

前置条件

启动模拟器

因为 VS Code 自身无模拟器, 所以需要借助第三方模拟器,如Android Studio的模拟器, Genymotion的模拟器;

不会调用模拟器的请点传送门>>> 调用 Android Studio模拟器 / Genymotion模拟器教程

检查进程是否存在

启动模拟器后,切换到工程目录下命令行检查模拟器进程是否存在
//存在
PS E:\AwesomeProject> adb devices
List of devices attached
192.168.68.101:5555     device

//不存在
PS E:\AwesomeProject> adb devices
List of devices attached

VS Code 配置模拟器开发调试

第一步

安装React Native Tools, 重启VS Code

第二步

添加配置, 选择React Native

第三步

[F1]或[Ctrl + Shift + P]唤出命令行执行 React Native Run Android on Simulator / React Native Run Ios on Simulator

*以上操作等同于命令行输入: react-native run-android

以下是用安卓演示;*tips: on Simulator是在模拟器中运行, on Device是在已连接设备中执行;

配置常见报错解决方案

报错1

[Info] local.properties 文件不存在。请使用路径中的 Android SDK 位置。

[Info] 正在启动 React Native 包生成工具。

info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.

[Error] 未能在 Android 中运行应用程序 (error code 104): EISDIR: illegal operation on a directory, read

解决办法: 删除根目录的node_modules包, 重新npm install, 还不行, 请重复删除包再安装

不要使用cnpm install / cnpm i / npm i

报错2

[Error] 未能在 Android 中运行应用程序 (error code 104)

Stack: Error: 未能在 Android 中运行应用程序 (error code 104): 执行命令 react-native.cmd run-android --no-packager 时出错: 执行命令 react-native.cmd run-android --no-packager 时出错 (error code 101)

解决办法: 请按照文章一开始的前置条件启动Simulator(模拟器),并检查进程是否存在

然后vs code 左下角重置一下React Native包, 再执行文章第三部即大功告成了