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)\Java\jdk1.8.0_91 // 要根据自己的实际路径配置
- 变量名:CLASSPATH (注意:如果使用1.5以上版本的JDK,不用设置CLASSPATH环境变量,也可以正常编译和运行Java程序。)
- 变量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; //记得前面有个"."
- 变量名:Path
- 变量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
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:\yeshen\Nox\bin ,执行命令 adb connect 127.0.0.1:62001
2.找到sdk安装目录的 platform-tools 例如: E:\MyTools\sdk\platform-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://images2017.cnblogs.com/blog/1096227/201709/1096227-20170922105205603-1305476714.png)