React-native Android 环境搭建

发布时间：2020-12-15 08:23:11 所属栏目：百科来源：网络整理

导读：React-native Android环境搭建.md 目录基础安装安装Homebrew Homebrew是Mac OSX的包管理器，我们需要通过Homebrew安装开发React Native的相关软件包。如果不知道怎样安装Homebrew可以点这里：官网。根据官网的介绍安装即可。安装Node.js $ brew instal

             
 
    
  
  React-native Android环境搭建.md   
  
  目录   
  
  基础安装   
  
  安装Homebrew   
  
   Homebrew是Mac OSX的包管理器，我们需要通过Homebrew安装开发React Native的相关软件包。 如果不知道怎样安装Homebrew可以点这里： 官网 。根据官网的介绍安装即可。    
  
  安装Node.js   
  
  $ brew install node   
  
  安装watchman   
  
  watchman是Facebook用于监视JavaScript文件改动的开源项目。   
  
  $ brew install watchman   
  
  安装flow   
  
  flow是Facebook开源的一个JavaScript静态类型检查器，用于发现JavaScript程序中的类型错误。   
  
  $ brew install flow   
  
  安装react-native-cli   
  
  react-native-cli是React Native的命令行工具，安装react-native-cli后我们就能够通过react-native相关命令管理ReactNative工程。   
  
  $ npm install -g react-native-cli   
  
  iOS环境安装   
  
   相对于Android环境搭建，iOS简单太多了，太easy了！在基础环境安装成功之后，只需去 Mac App Store 下载Xcode，并安装Xcode即可。在初始化项目好之后，只需在项目根目录运行下面命令即可：    
  
  $ react-native run-android`   
  
  Android环境安装   
  
  在Android环境，比较难搞，按照步骤安装即可，不要放过任何步骤哦。   
  
  基础软件安装   
  
   
    安装JDK jdk-8u101-macosx-x64.dmg 
     
      查看版本，命令行中运行   
    
  
    安装Android Studio 
     
      勾选  和   
      安装相关  ，记得勾选   
      安装  必须是这个版本  ，记得勾选  。  
     ANDROID_HOME环境变量设置。（见下面 环境变量配置）方法 
    
  
    安装 免费VirtualBox虚拟机  
    安装模拟器 Genymotion 
     
     注册帐号 
     下载Genymotion 
     安装Genymotion 
    
  
     
  
  环境变量配置   
  
   你可以把  的  和  目录添加到PATH变量中，以便在终端中运行一些Android工具，例如  或是  等。    
  
   在  中添加(如果你安装的 ZSH 则在  中添加)：    
  
  PATH="~/Library/Android/sdk/tools:~/Library/Android/sdk/platform-tools:${PATH}" export PATH export ANDROID_HOME=~/Library/Android/sdk   
  
   改完需要运行  （注意：你的SDK的具体路径可能不同）    
  
  测试服务端   
  
  这时候可以用浏览器访问   
  
  http://localhost:8081/index.android.bundle?platform=android   
  
  如果可以访问表示服务器端已经可以了。   
  
  启动步骤   
  
  启动 Genymotion 设置   
  
   在应用中登录，点击按钮  下载模拟器设备，在  中设置  选择  填写地址，一般在目录  中，点击按钮  启动模拟器    
  
         
  
  运行命令启动项目   
  
   进入项目的根目录，也就是有  文件的目录，运行  启动项目，如下动图：    
  
       
  
  报错   
  
   在Android环境下运行，会报下面错误，原因是没有连接手机会报如下错， 开发阶段可忽视    
  
  error: no devices/emulators found Could not run adb reverse: Command failed: ~/Library/Android/sdk/platform-tools/adb reverse tcp:8081 tcp:8081   
  
  参考资料   
  
   
    官方搭建开发环境  
    reactnative.cn搭建开发环境  
    极客学院搭建开发环境  
    
 
 
         

查看原文：http://www.zoues.com/2016/10/25/react-native-android-%e7%8e%af%e5%a2%83%e6%90%ad%e5%bb%ba/javac -versionPerformanceAndroid Virtual DeviceSDK PlatformsShow Package DetailsSDK ToolsAndroid SDK Build-Tools 23.0.1Show Package DetailsAndroid SDKtoolsplatform-toolsandroid avdadb logcat~/.bash_profile~/.zshrcsource ~/.bash_profileAddSettingADBUser custom Android SDK tools./Users/用户名/Library/Android/sdkStartpackage.jsonreact-native run-android

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!