ReactNative环境搭建

1、搭建开发环境

1.1安装chocolatey

用管理员打开cmd，执行以下命令：

powershell -noprofile -executionpolicy bypass -command "iex

  ((new-object net.webclient).downloadstring('https://chocolatey.org/install.ps1'

))" && set path=%path%;%allusersprofile%\chocolatey\bin

执行完毕之后，chocolatey就安装好了。

1.2安装python

choco install python2

1.3安装node

choco install nodejs.install

1.4安装yarn、react-native-cli

npm install -g yarn react-native-cli

1.5安装java

1、下载
官网地址：
2、安装jdk

直接运行exe可执行程序，默认安装即可；
备注：路径可以选其他盘符，不建议路径包含中文名及特殊符号。

3、配置环境变量

1) 新建变量名：java_home，变量值：c:\program files\java\jdk1.8.0_11
2) 打开path，添加变量值：%java_home%\bin;%java_home%\jre\bin
3) 新建变量名：classpath，变量值：;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

备注：
1) .表示当前路径，%java_home%就是引用前面指定的java_home；
2) java_home指明jdk安装路径，此路径下包括lib，bin，jre等文件夹，tomcat，eclipse等的运行都需要依靠此变量。
3) path使得系统可以在任何路径下识别java命令。
4) classpath为java加载类(class or lib)路径，只有类在classpath中，java命令才能识别。

4、测试jdk

在cmd命令窗口下输入javac 命令，出现如下界面，则安装成功。

 

 

1.6安装android studio

l 确定所有安装都勾选了，尤其是android sdk和android device emulator。

l 在初步安装完成后，选择custom安装项：

 

 

l 检查已安装的组件，尤其是模拟器和 haxm 加速驱动：

 

 

 

1.7安装sdk、配置环境变量

右键我的电脑，打开属性，点击高级系统设置，打开环境变量：

1、新建一个环境变量名称为android_home，变量值为当前安装sdk的目录

例如sdk装在d:\androidsdk中，则环境变量为：

 

 

2、把%android_sdk_home%\platform-tools;%android_sdk_home%\tools添加到path环境变量中。

1.8创建新项目

使用 react native 命令行工具来创建一个名为"awesomeproject"的新项目：

react-native init awesomeproject

编译并运行 react native 应用

cd awesomeproject

react-native run-android

 

环境搭建与编译问题

q：编译时报错，报错信息中含有could not determine java version等字样

 

 

a：重装jdk1.8，注意目前不能使用更高版本

 

q：编译时报错，报错信息中含有“:app:packagedebug”等字样

 

 

a：安装gradle

 

q：运行adb reverse tcp:8081 tcp:8081时报错，报错信息中含有'adb' 不是内部或外部命令等字样

a：sdk环境变量配置有问题，重新配置/platform-tools，\tools，重启android studio