当前位置: 移动技术网 > IT编程>操作系统>Mac > React-native 搭建环境注意 要点

React-native 搭建环境注意 要点

2020年08月14日  | 移动技术网IT编程  | 我要评论
一、安装react-native-cli:npm i -g react-native-cli注意:如果你的mac系统用的oh-my-zsh 需要在~/.zshrc 添加环境变量1、记录 安装react-native-cli的目录,例如:/usr/local/bin/react-native2、 vim ~/.zshrc  添加:PATH=$PATH:/usr/local/bin  执行:source ~/.zshrc 二、进入iOS目录 安装pod 依赖   pod install   如

一、安装react-native-cli:
npm i -g react-native-cli

注意:如果你的mac系统用的oh-my-zsh 需要在~/.zshrc 添加环境变量

1、记录 安装react-native-cli的目录,例如:/usr/local/bin/react-native
2、 vim ~/.zshrc
  添加:PATH=$PATH:/usr/local/bin
  执行:source ~/.zshrc

二、进入iOS目录 安装pod 依赖
   pod install
   如果出现:
  xcrun: error: unable to lookup item ‘Path’ in SDK ‘iphoneos’
   原因是有多个xcode版本造成的,解决办法:
   sudo xcode-select --switch /Applications/Xcode.app
   再次输入 pod install 即可

三、Android 模拟器运行步骤
1、首先安装java JDK1.8版本
  oracle官网下载:
  https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html

2、安装Android studio, 然后在sdk manager 里面安装Android SDK
3、配置adb的环境变量 ,在.bashProfile或者.zshrc文件里添加
 以zsh为例:
 vim .zshrc 然后添加
 # setting PATH for Android ADB Tools
 export ANDROID_HOME=/Users/xxxxx/Library/Android/sdk
 export PATH=${PATH}: ${ANDROID_HOME}/platform-tools
 export PATH=${PATH}: ${ANDROID_HOME}/tools
 保存后执行 source .zshrc
4、安装Android 模拟器,我选的是第三方的模拟器,网易mumu模拟器,
  百度一下自己安装
5、adb connect模拟器,mac系统和win 10 mumu模拟器的端口不一样
 win10:adb connect 127.0.0.1:7555
 mac系统有人说端口是22471,可是本人亲自尝试不行!!,可能是因为本人脸黑的原因吧,最后在finder中全局搜索myandrovm_vbox86.nemu文件,用sublime打开这个文件发现端口是5555,于是运行:
sudo adb connect 127.0.0.1:5555 成功连上
在这里插入图片描述
6、项目根目录 react-native run-android

本文地址:https://blog.csdn.net/wapony/article/details/107928469

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网