Windows 安装程序

注意:你无法在 Windows 上为 iOS 开发 react-native 应用程序,只能在本机安卓应用程序中进行反应。

可以在此处找到 Windows 上的 react-native 官方设置文档。如果你需要更多详细信息,请在此处提供详细指南

工具/环境

  • Windows 10
  • 命令行工具(例如 Powershell 或 Windows 命令行)
  • Chocolatey通过 PowerShell 设置的步骤
  • JDK(版本 8)
  • Android Studio
  • 为 HAXM 启用虚拟化技术的 Intel 计算机(可选,仅在你要使用模拟器时才需要)

1)设置你的机器以进行本机开发

以管理员身份启动命令行运行以下命令:

choco install nodejs.install
choco install python2

以管理员身份重新启动命令行,以便运行 npm

npm install -g react-native-cli

在运行最后一个命令后,复制了安装了 react-native 的目录。对于第 4 步,你将需要这个。我在两台计算机上尝试过这种情况,例如:C:\Program Files (x86)\Nodist\v-x64\6.2.2。在另一个是:C:\Users\admin\AppData\Roaming\npm

2)设置环境变量

有关图像的分步指南可在此处找到。

通过导航到以下命令打开环境变量窗口:

[右键单击]开始菜单 - >系统 - >高级系统设置 - >环境变量

在底部找到 Path 系统变量,并在步骤 1 中添加 react-native 的安装位置。

如果你还没有添加 ANDROID_HOME 环境变量,那么你也必须在此处执行此操作。仍然在环境变量窗口中,添加一个名为“ANDROID_HOME”的新系统变量,并将值作为 android sdk 的路径。

然后以管理员身份重新启动命令行,以便在其中运行 react-native 命令。

3)创建项目在命令行中,导航到要放置项目的文件夹并运行以下命令:

react-native init ProjectName

4)运行项目从 android studio 启动模拟器在命令行中导航到项目的根目录并运行它:

cd ProjectName
react-native run-android

你可能会遇到依赖性问题。例如,可能存在错误,即你没有正确的构建工具版本。要解决此问题,你必须在 Android Studio 中打开 sdk 管理器并从那里下载构建工具。

恭喜!

要刷新 ui,你可以在模拟器中运行应用程序两次按 r 键。要查看开发人员选项,你可以按 ctrl + m