react native 环境搭建 + 创建新项目 + 启动 问题全记录 mac+ios+xcode

React Native 环境搭建和创建新项目启动的步骤概要如下：

1. 安装Homebrew（如果尚未安装）：

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. 安装Node.js和npm（如果尚未安装）：

brew install node

3. 安装Yarn（Facebook提供的替代npm的工具）：

npm install -g yarn

4. 安装React Native CLI工具：

npm install -g react-native-cli

5. 创建新的React Native项目：

react-native init AwesomeProject

6. 进入项目目录：

cd AwesomeProject

7. 安装项目依赖：

yarn install

8. 启动Metro Bundler以监视代码更改并实时打包：

npx react-native start

9. 在另一个终端窗口中，启动iOS模拟器或连接的iOS设备：

open -a Simulator # 仅限Mac用户，启动iOS Simulator
# 或者使用Xcode运行项目
xed -b com.apple.dt.Xcode

在Xcode中，选择相应的模拟器或连接的设备，然后点击“Play”按钮来启动应用。

10. 运行React Native应用：

react-native run-ios

或者在Xcode中，选择“Product”->“Run”。

注意：确保Xcode和iOS Simulator是最新版本，且已经通过Apple ID登录以使用各种模拟器。如果遇到任何错误，请检查Xcode的控制台输出以获取详细的错误信息，并根据提示进行修复。