欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

React-native 搭建环境注意 要点

程序员文章站 2022-08-12 15:54:44
一、安装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 成功连上
React-native 搭建环境注意 要点
6、项目根目录 react-native run-android

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