Mac m1 RactNative项目环境搭建步骤
1右键终端,选择在访达中显示,右键显示简介,勾选“使用Rosetta打开选项”
2.安装HomeBrew
1)首先检查是否安装过
命令:which brew 没有安装路径则代表没有安装过
2)若没有安装过按照下述安装方式安装
安装方法:将下面命令复制到终端回车执行即可。根据提示以此选择
intel Mac芯片安装方式
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"
注意:始终选择中科大下载源和镜像,对应是1
安装完homebrew 看一下存放位置 确保是/usr/local/Homebrew,上述命令会自动存放在该路径下
Mac M系列芯片安装方式(以下两个都可以)
不要勾选终端属性的Rosetta属性。如果勾选过,先取消,再退出终端然后执行安装指令
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" (官网)
/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)" (建议使用,根据提示进行安装即可)
因为官网可能更新不及时,导致homebrew安放位置是在user路径下。
安装完homebrew 看一下存放位置 确保是/opt/Homebrew
Warning: 重要信息
如果遇到 command not found brew,请执行下面脚本完成安装或者直接重新打开终端:
eval "$(/opt/homebrew/bin/brew shellenv)",再次执行which brew查看
苹果为了解决两种芯片对homebrew的冲突,处理方式是homebrew安放位置不同,m芯片系列使用arm64架构,所以采用上述安装方式。
查看安放路径命令:which brew
3) 安装rvm
安装命令:curl -L get.rvm.io | bash -s stable
完成后需要运行:source ~/.rvm/scripts/rvm 开启使用rvm
这里强调:安装rvm,会遇到443访问限制错误,这里网上给出的修改hosts文件,修改网络代理,修改镜像都不好使。别折腾,直接挂梯子 十几秒搞定,不要浪费几个小时搞这个.....
3.iOS需要安装cocoapods
安装方式参考:
https://www.jianshu.com/p/ac8bfda5eb31,
https://www.jianshu.com/p/f05c98469fbc,
按照上述安装ruby错误直接放弃安装,输入ruby -v查看版本,目前13以上系统自带的ruby是:ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.x86_64-darwin22]
可以继续使用,记得替换镜像源为国内的。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/uninstall.sh)"
安装完成后配置gitLab的SSH
4. iOS需要配置gitLab的SSH命令
git config --global user.name “git用户名”
git config --global user.email “git邮箱账号”
ssh-keygen -t rsa -C “git邮箱账号”
5.ruby镜像改为国内镜像源
检查ruby源并进行替换
检查源指令: gem sources -l,源如果是https://rubygems.org/则需要进行替换
移除源:gem sources --remove https://rubygems.org/
添加源:gem sources --add https://gems.ruby-china.com
检查替换的结果,执行:gem sources -l
6.安装npm (直接node官网下载任意版本node则具备npm,http://nodejs.cn/npm/ node官网)
7.安装nvm管理node
自动安装参考链接:https://blog.csdn.net/sinat_33255495/article/details/105350528
命令:curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
***个人建议手动安装方式:https://gitcode.net/mirrors/nvm-sh/nvm?utm_source=csdn_github_accelerator nvm下载地址
然后找到install.sh文件并在终端 输入 cd 包含该文件的路径,然后执行 sh ./install.sh 等待即可。最后which nvm查看是否安装成功(手动安装nvm详情参考:https://blog.csdn.net/weixin_41910848/article/details/125805560)
8. nvm常用指令
nvm install 14.19.0 安装14.19.0的node版本
nvm use 14.19.0 若已安装过多个node版本想切换到14.19.0
nvm alias default 14.19.0将14.19.0设置为默认版本
9.最后
cd 文件夹包含package.json的路径
npm install (建议删除package-lock再执行)
或
npm install --legacy-peer-deps
npm start (启动node环境,启动RN服务)
ios需要cd ios文件夹包含Podfile路径
pod install (建议删除Podfile.lock再执行)
或
pod install --verbose --no-repo-update
然后再执行 npm start
10. RN详见错误集https://www.jianshu.com/p/98c8f2a970eb
11. npm install 出现old Lock则node版本不匹配需要指定正确的node版本。删除package-lock.json,后执行npm install 。也可以同时删除package-lock和node_modules文件执行npm install
不可删除package.json文件