web前端开发expo for react-native

二、安装Expo

2018-11-30  本文已影响0人  万能的JS

安装

使用Expo开发应用程序需要两种工具:本地开发工具和用于打开应用程序的移动客户端。

本地开发工具:Expo CLI

Expo CLI是使用Expo开发应用程序的工具。此外,命令行界面(CLI)还具有图形用户界面,即Expo开发者工具,可在您的Web浏览器中弹出。借助Expo Dev Tools,您可以快速设置测试设备,查看日志等。

您需要在计算机上安装Node.js(版本6或更新版本)。下载最新版本的Node.js的

您可以通过运行以下命令安装Expo CLI:

npm install -g expo-cli

移动客户端:适用于iOS和Android的Expo

Expo 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

上一篇下一篇

猜你喜欢

热点阅读