安装Expo

使用Expo开发应用程序需本地开发工具和移动客户端。本地开发工具Expo CLI需安装Node.js后用npm安装;移动客户端Expo Client适用于iOS和Android,可预览应用。还介绍了iOS和Android模拟器安装Expo Client的方法,以及建议macOS用户安装Watchman。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

安装
使用Expo开发应用程序需要两种工具:本地开发工具和用于打开应用程序的移动客户端。本地开发工具:Expo CLIExpo CLI是使用Expo开发应用程序的工具。此外,命令行界面(CLI)还具有图形用户界面,即Expo开发者工具,可在您的Web浏览器中弹出。借助Expo Dev Tools,您可以快速设置测试设备,查看日志等。您需要在计算机上安装Node.js(版本6或更新版本)。下载最新版本的Node.js的。您可以通过运行以下命令安装Expo CLI:npm install -g expo-cli移动客户端:适用于iOS和Android的ExpoExpo Client可帮助您在开发项目时查看项目。使用Expo CLI为项目提供服务时,它会生成一个开发URL,您可以在Expo Client中打开该URL以预览您的应用程序。在Android上,Expo Client还可用于在expo.io上查看其他人的项目。Expo Client适用于设备,模拟器和仿真器。在您的设备上从Play商店下载Android版或从App Store 下载iOS版所需的Android和iOS版本: Expo支持的最低Android版本是Android 4.4,最低iOS版本是iOS 9.0。您无需在模拟器/模拟器上手动安装Expo客户端,因为Expo CLI将自动执行此操作。请参阅本指南的下一部分。iOS模拟器通过Apple App Store安装Xcode。这需要一段时间, 接下来,打开Xcode,转到首选项并单击“组件”选项卡,从列表中安装模拟器。一旦模拟器打开并且您在Expo Dev Tools中打开了一个项目,您可以在Expo Dev Tools中按iOS模拟器上的Run,它会将Expo Client安装到模拟器并在其中打开您的应用程序。不能运行?有时,Expo CLI将无法自动安装Expo Client,这通常是由于环境或Xcode工具链中的微小差异造成的。如果您需要手动在模拟器上安装Expo Client,可以按照以下步骤操作:下载最新的模拟器版本。提取存档的内容:mkdir Exponent-X.XX.X.app && tar xvf Exponent-X.XX.X.tar.gz -C Exponent-X.XX.X.app。你应该得到一个像这样的目录Exponent-X.XX.X.app。确保模拟器正在运行。在终端,运行xcrun simctl install booted [path to Exponent-X.XX.X.app]。Android模拟器按照我们的Android Studio模拟器指南设置Android工具并创建虚拟设备。准备好后启动虚拟设备。一旦模拟器打开并且您在Expo Dev Tools中打开了一个项目,您可以在Expo Dev Tools中按Android设备/模拟器上的Run,它会将Expo客户端安装到模拟器并在其中打开您的应用程序。看守者如果某些macOS用户未在其计算机上安装此问题,则会遇到问题,因此我们建议您安装Watchman。Watchman在更改时监视文件和记录,然后触发响应此操作,并由React Native在内部使用。下载并安装Watchman。

作者:万能的JS
链接:https://www.jianshu.com/p/dfad5d1f4072
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

### 如何在 React Native 中使用 Expo 进行开发 #### 安装 Expo CLI 和创建新项目 为了开始使用 Expo 开发 React Native 应用程序,开发者需先全局安装 Expo CLI。通过命令行工具执行 `npm install -g expo-cli` 可完成这一操作[^1]。 #### 初始化项目结构 利用 Expo 提供的模板快速搭建应用程序骨架是一个不错的选择。可以通过运行 `expo init my-new-project` 来初始化一个新的项目,在此过程中可以选择不同的启动模板来适应具体需求。 #### 配置 Babel 编译器 对于采用 JavaScript ES6+ 特性的代码编译工作,Babel 是不可或缺的一部分。通常情况下,React Native 项目会依赖于 `.babelrc` 或者 `babel.config.js` 文件来进行必要的配置设置。 #### 使用 Expo Go 测试应用 为了让开发者能够更便捷地测试自己的作品,官方推出了名为 Expo Go 的移动客户端。用户可以在智能手机的应用商店里找到并下载该软件;当本地计算机与手机处于相同网络环境下时,只需打开 VSCode 终端扫描生成的 QR Code 即可实现即时同步更新和调试功能[^3]。 #### 解决常见问题 如果遇到 iOS 设备不被识别的情况,则建议确认 Xcode 是否已经正确安装并且保持最新状态。因为有时正是由于 IDE 自身存在的缺陷才引发了上述现象的发生[^2]。 ```bash # 安装Expo CLI npm install -g expo-cli # 创建新的Expo项目 expo init my-app-name # 启动开发服务器 cd my-app-name npx expo start ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值