2021-08-19 搭建开发环境

React Native 中文网
PS: 跟随这个教程搞一遍，记录下自己的过程

作为iOS开发者，自然如下选择:
开发平台和目标平台: macOS + iOS

安装Homebrew，我使用了科学上网工具安装的，也可自行搜索安装方式

1. 检查是否安装过Homebrew/版本号: brew -v
2. 更新Homebrew: brew update
3. 查询已安装包: brew list
4. 安装任意包: brew install name, 比如 brew install node
5. 卸载任意包: brew uninstall name, 比如 brew uninstall node
6. 查看任意包信息: brew info name, 比如 brew info node
7. 查看Homebrew命令: brew help

image.png

安装依赖:

Node、Watchman 通过Homebrew安装

作为iOS开发者，Xcode 和 CocoaPods已经在我Mac上了

CocoaPods版本要求1.10以上，查询本机CocoaPods版本

image.png

安装Yarn: npm install -g yarn

image.png

创建新项目

使用 React Native 内建的命令行工具来创建一个名为"AwesomeProject"的新项目。这个命令行工具不需要安装，可以直接用 node 自带的npx命令来使用（注意 init 命令默认会创建最新的版本）:

npx react-native init AwesomeProject

PS: 下载cocoapods依赖时浪费了很多时间，部分第三方库一直失败，最终通过设置终端代理下载完毕了

编译并运行 React Native 应用

项目目录中运行yarn ios或者yarn react-native run-ios：

cd AwesomeProject
yarn iOS
# 或者
yarn react-native run-ios

很快就能看到 iOS 模拟器自动启动，可能我的mac性能太差，这里耗费了800多秒

image.png Simulator Screen Shot - iPhone 12 - 2021-08-19 at 15.42.03.png