一 . 安装软件
软件: python2,node, jdk1.8, Android Sdk, Genymotion
1.1 安装python2
下载:
安装:
设置python环境变量:
在path里加入python的安装路径
在命令行输入python命令测试环境变量是否设置成功
python
1.2 安装node
下载:
![](https://i-blog.csdnimg.cn/blog_migrate/bfed95b2acf824fe4abe2b31f46d992e.png)
安装:
在命令行输入命令测试node是否安装成功:
node -v
npm -v
使用npm安装React Native的命令行工具
npm install -g yarn react-native-cli
![](https://i-blog.csdnimg.cn/blog_migrate/7719e57b92da9061a1457c363f560474.png)
1.3 安装jdk
下载:
![](https://i-blog.csdnimg.cn/blog_migrate/749d23fae6e410275dda31e4645ef2d5.png)
安装:
设置jdk环境变量:
新增JAVA_HOME并在path中添加变量
变量名:JAVA_HOME
变量值:jdk安装路径
要path后新增 %JAVA_HOME%\bin (注意前面有个分号)
测试java环境变量是否配置成功
1.4 安装Android SDK Tools
下载并解压:
进入android-sdk-windows 目录,打开 SDK Manager 下载 Android sdk
设置环境变量:
新增 ANDROID_HOME 变量并在path变量后追加 %ADROID_HOME%\platform-tools 与 %ADROID_HOME%\tools
进入命令行测试adb环境变量
进入android-sdk 安装目录
在命令行输入
>> mkdir licenses
>> echo |set /p="8933bad161af4178b1185d1a37fbf41ea5269c55" > "licenses\android-sdk-license"
1.5 安装Genymotion模拟器(下载安装需注册一个账号)
模拟器依赖virtualbox,安装时会一起安装virtualbox,如果已安装virtualbox,下载时可选择不含virtualbox的Genymotion
![](https://i-blog.csdnimg.cn/blog_migrate/5bed307f24b88378535d8c5471aec278.png)
![](https://i-blog.csdnimg.cn/blog_migrate/b177d44193477d12e6e1f8c4f61716a2.png)
![](https://i-blog.csdnimg.cn/blog_migrate/521608ca3757936b865a696ef7d6eb9f.png)
![](https://i-blog.csdnimg.cn/blog_migrate/1f47e71d45e4891a7eca9a2db353a2ab.png)
安装完成后打开Genymotion
![](https://i-blog.csdnimg.cn/blog_migrate/6dde8792deb7b032c02fd35f7f4c72eb.png)
登录Genymotion
登录成功后设置ADB,选择Android SDK安装目录
创建Android虚拟机
设置模拟器连接方式为桥接
启动模拟器
二 .创建React Native项目并运行
2.1 创建项目
2.2 运行项目
>> cd demo1
>> react-native run-android