1. 安装JDK
需要安装JDK1.8,下载地址: http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
下载安装后,还需要配置环境变量!!!
2. 安装Android Studio 和 SDK
React Native目前需要AndroidStudio2.0或更高版本。 AndroidStudio 下载地址:http://www.androiddevtools.cn/
React Native使用的是android版本是23.0.1,只支持这一个sdk版本,所以必须先下载他的源码及工具,不然后面后报错
安装SDK后,这里需要配置环境变变量,例如:
①环境变量ANDROID_HOME:XXX
例如:(ANDROID_HOME:D:\guanmanman\androidStudio\sdk)
②环境变量PATH例如:
例如:(PATH:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)
3. 安装命令行工具 Gow_0.8.exe
下载地址https://github.com/bmatzelle/gow/releases
4. 安装Git
下载地址:https://git-for-windows.github.io/
5. 安装Python 2
最好安装Python 2.7 不要安装最新的,下载地址https://www.python.org/downloads/windows/
6. 安装NodeJS
下载地址:https://nodejs.org/en/download/
7. 配置国内镜像
因为需要下载有些下载会遭到国内禁止,所以得配置镜像,方便我们下载,执行下面两个命令:
npm config set registry https://registry.npm.taobao.orgnpm
npm config set disturl https://npm.taobao.org/dist
8. 下载 react-native-cli
执行命令:npminstall -g react-native-cli
9. 创建一个FirstRNProject工程
开始之前先创建一个专门用于保存React-Native工程项目的工作区:React-native_workSpace
然后执行命令:react-native initFirstRNProject 回车,init 代表创建一个工程。
当现实这个界面的时候就代表我们的项目已创建完成,可以到你的工作区间去查看。
10. 开启FirstRNProject工程
工程项目已建立完毕,然后我们进入这个工程中,并执行输入react-native start,开启这个工程
11. 检查FirstRNProject项目是否启动成功
在浏览器中访问http://localhost:8081/index.android.bundle?platform=android
当显示如上的脚本就代表已成功开启。
12. 运行FirstRNProject项目
进入项目目录,输入react-native run-android 回车,
执行命令后会去下载相关的资源,这个过程还是蛮长的,耐心等待吧。
然后下载完后就会安装工程在手机上了