React-Native环境安装及调试（Mac版）全指南

一、React Native环境安装：

1. 安装Node.js

React Native需要Node.js才能运行。您可以从Node.js官方网站下载并安装Node.js。

2. 安装Watchman

Watchman是一个文件监控工具，用于跟踪文件的更改。您可以通过Homebrew或手动安装Watchman。

3. 安装React Native CLI

React Native CLI是一个命令行工具，用于创建和管理React Native项目。您可以使用以下命令安装React Native CLI：

npm install -g react-native-cli

4. 创建React Native项目

使用以下命令创建React Native项目：

react-native init AwesomeProject

5. 运行项目

您可以使用Xcode或命令行运行项目。

使用Xcode运行项目：

1. 打开Xcode。
2. 单击“文件”>“打开...”>“项目”。
3. 导航到AwesomeProject文件夹。
4. 选择“AwesomeProject.xcodeproj”。
5. 单击“运行”按钮。

使用命令行运行项目：

1. 打开终端。
2. 导航到AwesomeProject文件夹。
3. 运行以下命令：

react-native run-ios

二、React Native项目调试：

使用Xcode或命令行调试项目。

使用Xcode调试项目：

1. 在Xcode中打开项目。
2. 单击“运行”>“调试”。
3. 在“调试”菜单中，选择“连接”。
4. 在“连接”对话框中，选择要连接的设备。
5. 单击“连接”按钮。

使用命令行调试项目：

1. 打开终端。
2. 导航到AwesomeProject文件夹。
3. 运行以下命令：

react-native debug-ios

三、启用热替换：

热替换允许您在保存更改后立即看到React Native代码的更改。

使用Xcode启用热替换：

1. 在Xcode中打开项目。
2. 单击“运行”>“调试”。
3. 在“调试”菜单中，选择“启用实时重新加载”。

使用命令行启用热替换：

1. 打开终端。
2. 导航到AwesomeProject文件夹。
3. 运行以下命令：

react-native run-ios --live-reload

现在您已经成功在Mac上安装和调试了React Native环境。您可以开始使用React Native构建您的移动应用程序了！