react-native 环境搭建

一、windows环境搭建。

1、下载python2 和 node, 安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

2、React Native的命令行工具（react-native-cli）

npm install -g yarn react-native-cli

3.下载jdk。

注意：Android Studio需要Java Development Kit [JDK] 1.8或更高版本。

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

配置环境变量：

1.安装完成后，右击"我的电脑"，点击"属性"，选择"高级系统设置"；
2.选择"高级"选项卡，点击"环境变量"；

在"系统变量"中设置3项属性，JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击"编辑"，不存在则点击"新建"。

变量设置参数如下：

• 变量名：JAVA_HOME
• 变量值：C:Program Files (x86)Javajdk1.8.0_91        // 要根据自己的实际路径配置

• 变量名：CLASSPATH  （注意：如果使用1.5以上版本的JDK，不用设置CLASSPATH环境变量，也可以正常编译和运行Java程序。）
• 变量值：.;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib ools.jar;         //记得前面有个"."

• 变量名：Path
• 变量值：%JAVA_HOME%in;%JAVA_HOME%jrein;

JAVA_HOME 设置

PATH设置

CLASSPATH 设置

这是 Java 的环境配置，配置完成后，你可以启动 Eclipse 来编写代码，它会自动完成java环境的配置。

测试JDK是否安装成功

1、"开始"->"运行"，键入"cmd"；

2、键入命令: java -version、java、javac 几个命令，出现以下信息，说明环境变量配置成功；

4.下载Android Studio 或者直接下载 SDK Manager，React Native目前需要Android Studio2.0或更高版本。

1、在SDK Platforms窗口中，选择Show Package Details，
2、在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
3、在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须是这个版本）。然后还要勾选最底部的Android Support Repository.

5.设置ANDROID_HOME环境变量。

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

具体的路径可能和下图不一致，请自行确认。



你需要关闭现有的命令符提示窗口然后重新打开，这样新的环境变量才能生效。

6.将Android SDK的Tools目录添加到PATH变量中。

你可以把Android SDK的tools和platform-tools目录添加到PATH变量中，以便在终端中运行一些Android工具，例如android avd或是adb logcat等。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 选中PATH -> 双击进行编辑

注意你的具体路径可能和下图不同

7.下载Git。

另外你也可以直接去下载Git for Windows。 在安装过程中注意勾选"Run Git from Windows Command Prompt"，这样才会把git命令添加到PATH环境变量中。

8.下载并安装夜神模拟器。

1.在模拟器安装目录的bin下面 例如：E:yeshenNoxin ，执行命令  adb connect 127.0.0.1:62001
2.找到sdk安装目录的 platform-tools  例如： E:MyToolssdkplatform-tools 下执行命令 adb connect 127.0.0.1:62001

9.测试安装。

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

10.模拟器修改ip，port

1.摇一摇或者选择菜单，进入Dev Settings, Debug server host & port for device,指定本机ip和端口8081
2.reload