如何使用模拟器运行 expo 项目

简介

Expo 是一个面向 React Native 应用的开源平台。 Expo 提供了大量的开箱即用的工具和服务，项目启动、开发、构建，甚至是部署都可直接在 Expo 平台上完成。在实际开发中，Expo 非常方便，但是在一些特殊的情况下，您可能需要使用模拟器来运行您的 Expo 项目，本文将会介绍如何使用模拟器运行 Expo 项目

步骤

第一步：发现您的模拟器

不同的操作系统有不同的模拟器选择。

Android 模拟器

• Android Studio 自带的 Android 模拟器
• Genymotion 模拟器（需注册并付费）

iOS 模拟器

• Mac 上的 Xcode 内置 iOS 模拟器

以上模拟器都可以满足大多数场景的使用。

第二步：配置模拟器环境

对于 Android 模拟器的环境配置，您需要保证您的系统中的 JDK 已经安装和配置完毕，且环境变量已经正确配置。

对于 iOS 模拟器的环境配置需要更为复杂，需要下载并安装 Xcode、Simulator 等软件，需要预留较多的磁盘空间和内存。

第三步：安装 Expo CLI

在命令行中，使用 npm 安装 Expo CLI

npm install expo-cli --global

通过运行以下命令检查是否成功安装：

expo --version

第四步：创建 Expo 项目

使用 Expo 命令行工具创建一个新项目:

expo init my-app

该命令将在命令行上提示您选择初始模板类型。选择 Blank 初始化。 安装 Expo 项目所需的依赖项

切换到您已经创建的项目目录，并运行以下命令：

cd my-app
npm install

第五步：使用 Expo CLI 运行模拟器

• 在模拟器中运行：

对于 Android 模拟器，运行以下命令：

expo start --android

对于 iOS 模拟器，运行以下命令：

expo start --ios

• 在 Expo DevTools 中运行

通过浏览器打开 Expo DevTools，在其中运行你的项目。在移动设备上，可以使用 Expo 应用（下载链接：https://expo.dev/)，通过扫描 DevTools 页面上的QR码将您的应用链接到运行的 Expo 实例，然后您可以在模拟器中运行项目。

第六步：完善项目并调试运行

成功运行项目后，您可以对项目进行开发和测试，可以使用异步日志、远程调试和其他 Expo 开箱即用的开发工具。在这个过程中，如果您在模拟器上使用 Expo 应用发现 App Bundle 失效的情况，可以尝试通过命令行更新 Expo 应用程序版本。

expo client:install:android
expo client:install:ios

总结

使用模拟器运行 Expo 项目，可以在本地快速开发、调试、测试您的应用，大大提升了开发效率并减少了部署的成本，但在使用过程中可能会遇到各种不可预期问题，请按照上面的步骤进行操作，并结合个人经验和实际情况保持耐心。