React Native 配置环境(iOS and Android)

1.安装必须的软件

• webStorm - 代码编辑器
  webStorm下载
• xcode
  xcode下载
• Genymotion/Genymotion Shell 安卓模拟器 需要登录的
  Genymotion下载
• VirtualBox-安装Genymotion必备
• HomeBrew - Mac系统包管理器

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

• Node

brew install node

• 设置npm镜像加速后面的进程

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

• Yarn、React Native的命令行工具

npm install -g yarn react-native-cli
sudo chown -R `whoami` /usr/local

2.安装Android环境

• 安装JDK

• 安装Android sdk

brew install android-sdk

• 设置sdk 以下是我安装的
  
  
  

• 配置腾讯Bugly的镜像
  
  

http://android-mirror.bugly.qq.com:8080/android/respository/addon.xml

android-mirror.bugly.qq.com
8080

注释:我是安装过程中出现了问题 后来就添加了这个 并不知道有什么作用

• 定义ANDROID_HOME环境变量
  创建.bash.profile

sudo vi ~/.bashrc

• 打开文件输入路径

open ~/.bash_profile

# 如果你是通过Homebrew安装SDK的，则加入下列路径
export ANDROID_HOME=/usr/local/opt/android-sdk
# 否则可能是（当然具体视你把SDK放在哪）：
export ANDROID_HOME=~/Library/Android/sdk

PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

3.遇到的报错问题

• 注释:这个问题是我根据他给出的路径 :/用户/电脑名称/资源库/Android/sdk/
  查找后 没有找到android-23资源,可是我明明下载了啊,
  后来我在另一个路径:/usr/local/Cellar/android-sdk找到了 并复制过去的…后来,这个问题解决后又报错缺少**文件,我又按照刚才的方法,两个路径切换,添加缺少的文件,不过我依然相信我这种解决方法不是正确的 ,有可能是我的android sdk路径填写错了,可是好多坑,又不会改,只能先这样…

附几张安装过程的报错吧:

这个问题是后来我安装了一下