React-native环境的搭建

前端之家收集整理的这篇文章主要介绍了React-native环境的搭建前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

React-native环境的搭建

安装依赖

在这里我把用的软件全部都传到了我的百度网盘上,可以直接去下载:

license文件

adt文件,包含eclipse和sdk文件

jdk文件

pyhton文件

gradle文件

安装软件

我建议大家把软件安装到D盘;

安装jdk

修改环境变量
变量名:JAVA_HOME
变量值:你安装的jdk的位置
%JAVA_HOME%/bin;

写在变量的最前边;

%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar
  • 验证

在命令行里分别输入:
java -version
javac

搭建android环境

安装sdk和eclipse

这里用的就是上面的adt文件,解压完以后,里面就包含了sdk和eclipse

配置环境变量

变量名:ANDROID_HOME 
变量值:你安装sdk的文件位置

修改环境变量path

;%ANDROID_HOME%/tools;%ANDROID_HOME%/platform-tools;

验证

在命令行里输入:
android

安装Node,Python2

安装完以后检查是否安装成功
node -v
python -V

安装react-native

  • 全局安装

npm install -g react-native-cli

如果安装的时候比较慢的话,这里有两个淘宝镜像,可以使用镜像安装:

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
  • 创建目录

react-native init test
  • 进入项目目录

cd test
  • 连接真机

如果要让它跑起来的话就必须要有一个安卓设备,虚拟机和真机都可以,这里我就连接上了一个真机
  • 运行

react-native run-android

解决运行问题

这里我在运行的时候遇到一个错误,报错的是adb没有配置环境:

02:49:39 E/ddms: 'E:\android\sdk\platform-tools\adb.exe,start-server' Failed -- run manually if necessary
                                                                                                          :app:installDebug                                                                                                                    Failed

FAILURE: Build Failed with an exception.

* What went wrong:
Execution Failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: java.lang.RuntimeException: Timeout getting device list.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD Failed

Total time: 43.302 secs
Could not install the app on the device,read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html
1.把sdk添加到环境变量里面:
变量名:android
变量值:你abd文件所在的位置
2.修改环境变量:
添加%android%

这样一来我们的问题就解决了,然后重新打开命令窗口,输入react-native run-android就可以了;

猜你在找的React相关文章