react-native Windows安装程序

示例

注意：您不能在Windows上为iOS开发本机应用程序，而只能开发本机Android应用程序。

在Windows上可以找到Windows上本机的官方安装文档。如果您需要更多详细信息，请点击这里。

工具/环境

• 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

运行的最后一个命令之后复制反应本地安装目录中，您将需要这个步骤4.我在一个情况下，它是试过这两台计算机上：C:\Program Files (x86)\Nodist\v-x64\6.2.2。在另一个方面是：C:\Users\admin\AppData\Roaming\npm

2）设置环境变量

本节提供了有关图像的分步指南。

通过导航到以下内容来打开“环境变量”窗口：

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

在底部找到“路径”系统变量，然后在步骤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管理器，然后从那里下载构建工具。

恭喜！

要刷新用户界面，您可以r在模拟器中运行应用程序时按两次该键。要查看开发人员选项，可以按ctrl + m。