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 -versionjavajavac 几个命令,出现以下信息,说明环境变量配置成功;



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的路径。

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

具体的路径可能和下图不一致,请自行确认。
env variable 你需要关闭现有的命令符提示窗口然后重新打开,这样新的环境变量才能生效。

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

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

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

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

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


 
原文地址:https://www.cnblogs.com/wusheng2016/p/7568008.html