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。