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
。