Mac m1 RactNative项目配置步骤看这里就够了(均适用于iOS和安卓)

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)"

安装完成后配置gitLabSSH

4. iOS需要配置gitLabSSH命令

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则具备npmhttp://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.0node版本

nvm use 14.19.0      若已安装过多个node版本想切换到14.19.0

nvm alias default    14.19.014.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文件

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容