react-native环境搭建

react-native环境搭建(Mac M1)

一、本机安装环境

安装官方的说法,需要具备的环境条件

node和npm的安装就不说了

下载yarn:

npm install -g yarn

react-native:

yarn add react-native --exact
//Mac m1 安装 Homebrew
/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"

环境变量:
 echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/mengfeng/.zprofile
   eval "$(/opt/homebrew/bin/brew shellenv)"

建议同学们早上去下载(网好),当然,不可避免的还是要出现一系列的问题,我们根据错误提示去查询相应的解决方案就行(因为每个同学的问题都不太一样)

下载watchman:

brew install watchman

下载pod(cocoapods):

brew install cocoapods

到目前为止,我们已经安装了 Node、Homebrew、watchman、cocoapods

下面我们来安装xcode

二、xcode安装模拟器

我们在app store下载就可以,当然版本历史记录可以查看以前的xcode版本

当我们创建了一个项目,点击小三角,模拟器完美运行

三、react-native创建项目

创建项目

npx react-native init testapp

出现报错

解决以上问题的第一个error

报了一个警告,大概意思是不安全的写权限,目录是 /opt/homebrew/bin
于是我们把这个目录的写权限去掉

sudo chmod -R go-w /opt/homebrew/bin
sudo chmod -R go-w /opt/homebrew

解决第一个问题

我们需要下载ruby 2.7.5并将ruby版本指向2.7.5

如果你有条件的话请试试macruby109美元终身,ruby不太友好

下篇文章继续

参考链接:

[Mac下的环境搭建]: “https://juejin.cn/post/7119039164074426375
[rbenv下载缓慢解决]: “https://blog.csdn.net/shine_a/article/details/103927374
[mac下载rbenv]: “https://juejin.cn/post/6899650892313100302
[CocoaPods安装方法]: “https://blog.csdn.net/Wulitc/article/details/115682720"

Donate
  • Copyright: Copyright is owned by the author. For commercial reprints, please contact the author for authorization. For non-commercial reprints, please indicate the source.
  • Copyrights © 2022-2023 alan_mf
  • Visitors: | Views:

请我喝杯咖啡吧~

支付宝
微信