react native 环境搭建

一、安装JDK,配环境变量

1.下载JDK,http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

安装完成找到安装的JDK(我的是默认路径)

react native 环境搭建

2.配置环境变量

第一步:计算机→属性→高级系统设置→高级→环境变量

react native 环境搭建

第二步:

 

系统变量→新建 JAVA_HOME 变量 。

变量值填写jdk的安装目录(本人是 C:\Program Files\Java\jdk1.8.0_131)

react native 环境搭建

 

第三步:

系统变量→寻找 Path 变量→编辑

在变量值最后输入 %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

(注意原来Path的变量值末尾有没有;号,如果没有,先输入;号再输入上面的代码)

react native 环境搭建

第四步:

系统变量→新建 CLASSPATH 变量

变量值填写   .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar(注意最前面有一点)

系统变量配置完毕

react native 环境搭建

第五步:

检验是否配置成功 运行cmd 输入 java -version (java 和 -version 之间有空格)

若如图所示 显示版本信息 则说明安装和配置成功。

react native 环境搭建

二、安装sdk

1.下载

http://www.androiddevtools.cn/index.html#sdk-tools

react native 环境搭建

2.在D盘(可以放在想要放的地方,这是我的路径)新建文件夹名字叫Android,将解压后的文件复制进去(这么做的目的是方便配置环境变量)进行点击安装

react native 环境搭建

 

react native 环境搭建react native 环境搭建

3,。安装环境变量

第一步:添加 ANDROID_HOME

新建系统变量 ANDROID_HOME

变量名:ANDROID_HOME   变量值:D:\Android\SDK

第二步:添加Path变量

此变量已存在,直接编辑即可
 

变量值:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

react native 环境搭建react native 环境搭建


三、校验  是否成功 cmd  =>   adb

 

react native 环境搭建

 

四、安装Android Studio

react native 环境搭建

解压后安装

安装完成之后配置

(1)点击Configure,选择第一个SDK Manager

react native 环境搭建

 

SDK Platforms窗口中,选择Show Package Details,然后在Android 6.0 (Marshmallow)中勾选

Google APIsAndroid SDK Platform 23

Intel x86 Atom System Image

Intel x86 Atom_64 System Image以及

Google APIs Intel x86 Atom_64 System Image

 react native 环境搭建react native 环境搭建

 

在SDK Tools窗口中,选择Show Package Details,然后在Android SDK Build Tools中勾选

Android SDK Build-Tools 23.0.1(必须有这个版本)。以及相关的一些(如图)

然后还要勾选最底部的Android Support Repository.

 

react native 环境搭建

 

react native 环境搭建react native 环境搭建react native 环境搭建

配置完成之后检测 输入  android   

react native 环境搭建

至此环境配置完成了

安装React Native的命令行工具

npm install -g react-native-cli

react-native init AwesomeProject

cd AwesomeProject

然后react-native run-android