react native 0.71 Intel mac 下的环境设置

站长

2023年09月04日 21:29 · 阅读数 38

react native 0.71 Intel mac 下的环境设置

apple M 系列的应该问题也不大，如有需要我会补充

准备 ios 开发环境

install oh-my-zsh
install homebrew-CN
install nvm node
install nrm
- nrm ls
- nrm use taobao
- npm i -g yarn pnpm nodemon http-server ts-node
install xcode
brew install ruby

brew 安装的 ruby 可能需要一些配置

export PATH="/usr/local/opt/ruby/bin:$PATH"
export LDFLAGS="-L/usr/local/opt/ruby/lib"
export CPPFLAGS="-I/usr/local/opt/ruby/include"
export PKG_CONFIG_PATH="/usr/local/opt/ruby/lib/pkgconfig"

gem sources -l
gem sources --add gems.ruby-china.com/ --remove rubygems.org/
gem update --system
gem sources -l
brew install cocoapods
cd $HOME/.cocoapods/repos
先执行 pod repo list 查看本机的源有哪些，如果存在一个 master 源 (URL: github.com/CocoaPods/S…) 以及一个 trunk 源 (URL: cdn.cocoapods.org/)，则无需操作下面的第… pod repo remove trunk 删除 trunk CDN 源。若使用 1.9.1 或以上版本，应该只存在一个 trunk CDN 源，此时需要手动添加 Git 源

添加清华 CocoaPods 镜像源
执行 pod repo add tuna mirrors.tuna.tsinghua.edu.cn/git/CocoaPo…
pod repo list

创建 react-native 项目

npx react-native init lesson1 --template react-native-template-typescript

在这里最后一步安装依赖一定会出错，主要是 cocoapod 安装依赖，要么去 rubygems.org 要么去 github 里面会下载大约 2G 大小的依赖，这两个域名容易访问慢，我也不知道为什么。

执行 pod repo update --verbose
1 找到 react-native 项目根目录的 Gemfile 文件，如 /Users/mac/Desktop/program-demo-sets/react-native--learn/lesson2/Gemfile 注释掉 # source 'https://rubygems.org' 新增 source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'
2 找到 react-native 项目根目录下的 ios 目录里面的 Podfile, 如 /Users/mac/Desktop/program-demo-sets/react-native--learn/lesson1/ios/Podfile 的第一行之上添加一行，内容为 source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git

在此时如果有已经下载好依赖的 react-native 项目，则复制 ios 目录下的 Pods 目录里面的全部文件到新项目的 ios 目录下的 Pods 里面，这样可以避免翻墙，下载依赖，否则就准备好梯子反复下载吧。

复制完有以后在 ios 目录执行

bundle install
bundle exec pod install

cd /Users/mac/Desktop/program-demo-sets/react-native--learn/lesson1/ios/ ios 目录内执行如下命令

If you are having trouble with iOS, try to reinstall the dependencies by running:

cd ios to navigate to the

bundle install # to install Bundler If needed: install a Ruby Version Manager and update the Ruby version
bundle exec pod install # to install the iOS dependencies. 注意执行这一步需要梯子，而且需要反复尝试，因为可能网络超时

参考

android 环境

jdk 需要 jdk11 自行安装

这里给出 mac 下 jdk 多版本切换的方法，假如你的 mac 同时安装了 jdk8，jdk11， jdk17 ，假设已经安装完毕，想用那个打开对应的注释即可。

查看所有的 jdk 安装路径
/usr/libexec/java_home -V

# java 多版本管理  https://www.cnblogs.com/yyxianren/p/14435118.html
#java
export JAVA_8_HOME="/Library/Java/JavaVirtualMachines/zulu-8.jdk/Contents/Home"
alias jdk8='export JAVA_HOME=$JAVA_8_HOME'
export ORACLE_JAVA_8_HOME="/Library/Java/JavaVirtualMachines/jdk-1.8.jdk/Contents/Home"
alias jdk8='export JAVA_HOME=$JAVA_8_HOME'
alias ojdk8='export JAVA_HOME=$JAVA_8_HOME'
export JAVA_11_HOME="/Library/Java/JavaVirtualMachines/microsoft-11.jdk/Contents/Home"
# alias jdk11='export JAVA_HOME=$JAVA_11_HOME'

export JAVA_17_HOME="/Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home"
alias jdk11='export JAVA_HOME=$JAVA_17_HOME'

# 默认使用jdk8
# export JAVA_HOME=$JAVA_8_HOME
# export JAVA_HOME=$ORACLE_JAVA_8_HOME
export JAVA_HOME=$JAVA_11_HOME
# export JAVA_HOME=$JAVA_17_HOME
# java END%

安装 android studio

在这个网址下载安装，没啥好说的， developer.android.google.cn/studio/

将一些工具添加到环境变量里面，我使用的 zsh，编辑 ~/.zshrc 在最后添加

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools

在 react-native 项目的 android 目录里的 build.gradle 下，可能会有一些速度提升，写到这里我的硬盘快满了，我决定先不探索了，稍后在更新，

repositories {
    <!-- # 新增这一行 -->
    maven{ url 'https://maven.aliyun.com/nexus/content/groups/public'}
    google()
    mavenCentral()
}

参考

转载自:https://juejin.cn/post/7247073526467919929