从0开始搭建一个react-native项目

Posted 2021-06-14 丰柏林

按照官网的步骤
如果你没有Brew
那么献上一篇文章
安装brew

安装node

brew install node

安装watchman

brew install watchman

更换镜像源

npx nrm use taobao

安装yarn包管理工具

npm install -g yarn

下载Xcode

在 Xcode 中安装 ios 模拟器，安装模拟器只需打开 Xcode > Preferences… 菜单，然后选择 Components 选项，即可看到各种可供安装的不同的 iOS 版本的模拟器。
我选择的是14.3

安装cocoapods

brew install cocoapods

创建新项目

npx react-native init FirstProject

重点

如果你这个时候就迫不及待的使用yarn ios
那肯定会报错，提示你没有pod install

如果你pod install，那么也会不断的下载失败

正确做法！

我们先去我们的项目文件夹里面找到ios文件夹里面的Podfile文件，打开它，在第一行添加一行代码

source 'https://gitee.com/mirrors/CocoaPods-Specs.git'

因为pod install的时候，我们的镜像源是指向github，这里使用gitee加速。
中间会遇到网络波动或者是中断，没关系，继续执行这个命令。
但是在执行到open-ssl的时候，会发现会一直安装失败，我们使用4g去安装，一直等到完成。

不要气馁–如果4g断了那就切wifi再拉

你会看到这个界面

现在已经拉起来了，直接yarn ios就能把项目跑起来，如果你是第一次使用请稍等一会儿，x-code记得打开，ios镜像需要一点时间来启动。

最后大功告成

在学习新的技术、新的知识、完全不同的领域的时候，不要怕，静下心来查资料、看文档，相信自己会越来越牛的！