react-native 开发环境搭建(Windows)

一 . 安装软件

软件: python2，node,  jdk1.8, Android Sdk, Genymotion

1.1 安装python2

下载：

安装:

设置python环境变量:

在path里加入python的安装路径

在命令行输入python命令测试环境变量是否设置成功

python

1.2 安装node

下载:

安装:

在命令行输入命令测试node是否安装成功:

node -v

npm -v

使用npm安装React Native的命令行工具

npm install -g yarn react-native-cli

1.3  安装jdk

下载:

安装：

设置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

安装完成后打开Genymotion

登录Genymotion

登录成功后设置ADB,选择Android SDK安装目录

创建Android虚拟机

设置模拟器连接方式为桥接

启动模拟器

二 .创建React Native项目并运行

2.1 创建项目

2.2 运行项目

>> cd demo1

>> react-native run-android