React-native环境的搭建

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

React-native环境的搭建

安装依赖

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

license文件

adt文件,包含eclipse和sdk文件

jdk文件

pyhton文件

gradle文件

安装软件

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

安装jdk

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

写在变量的最前边;

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

  1. 在命令行里分别输入:
  2. java -version
  3. javac

搭建android环境

安装sdk和eclipse

  1. 这里用的就是上面的adt文件,解压完以后,里面就包含了sdkeclipse

配置环境变量

  1. 变量名:ANDROID_HOME
  2. 变量值:你安装sdk文件位置

修改环境变量path

  1. ;%ANDROID_HOME%/tools;%ANDROID_HOME%/platform-tools;

验证

  1. 在命令行里输入:
  2. android

安装Node,Python2

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

安装react-native

  • 全局安装

  1. npm install -g react-native-cli

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

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

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

  1. cd test
  • 连接真机

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

  1. react-native run-android

解决运行问题

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

  1. 02:49:39 E/ddms: 'E:\android\sdk\platform-tools\adb.exe,start-server' Failed -- run manually if necessary
  2. :app:installDebug Failed
  3.  
  4. FAILURE: Build Failed with an exception.
  5.  
  6. * What went wrong:
  7. Execution Failed for task ':app:installDebug'.
  8. > com.android.builder.testing.api.DeviceException: java.lang.RuntimeException: Timeout getting device list.
  9.  
  10. * Try:
  11. Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
  12.  
  13. BUILD Failed
  14.  
  15. Total time: 43.302 secs
  16. Could not install the app on the device,read the error above for details.
  17. Make sure you have an Android emulator running or a device connected and have
  18. set up your Android development environment:
  19. https://facebook.github.io/react-native/docs/android-setup.html
  1. 1.sdk添加到环境变量里面:
  2. 变量名:android
  3. 变量值:你abd文件所在的位置
  4. 2.修改环境变量:
  5. 添加%android%

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

猜你在找的React相关文章