React Native 配置环境(iOS and Android)

来源:互联网 发布:上海行知教育教学网点 编辑:程序博客网 时间:2024/05/17 15:57

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 --globalnpm config set disturl https://npm.taobao.org/dist --global
  • Yarn、React Native的命令行工具
npm install -g yarn react-native-clisudo 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.com8080

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

  • 定义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/sdkPATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

3.遇到的报错问题

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

附几张安装过程的报错吧:
这个错误存在不过也不影响运行

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

1 0
原创粉丝点击