返回

如何设置 React Native iOS 项目：适合 M1/M2 Mac

前端

引言

React Native 是一个开源的跨平台应用程序开发框架，它允许您使用 JavaScript 和 React 代码编写应用程序，而这些应用程序可以在 iOS、Android 和 Web 上运行。在本文中，我们将介绍如何使用 React Native 在 M1/M2 Mac 上设置 iOS 项目。

环境准备

  • macOS 12 或更高版本
  • Xcode 13 或更高版本
  • Node.js 16 或更高版本
  • React Native CLI
  • iOS 模拟器或真实设备

步骤 1：安装 React Native CLI

React Native CLI 是一个命令行工具，它允许您创建、运行和调试 React Native 项目。要安装 React Native CLI，请使用以下命令：

npm install -g react-native-cli

步骤 2：创建新项目

使用以下命令创建新项目：

react-native init AwesomeProject

这将在您的当前目录中创建一个名为 AwesomeProject 的新项目。

步骤 3：导航到项目目录

使用以下命令导航到项目目录：

cd AwesomeProject

步骤 4：安装依赖项

使用以下命令安装项目依赖项：

npm install

这将安装项目所需的所有依赖项。

步骤 5：运行项目

使用以下命令运行项目：

react-native run-ios

这将在 iOS 模拟器中启动项目。

步骤 6：调试项目

要调试项目，请使用以下命令：

react-native debug-ios

这将在 Xcode 中打开项目，您可以在其中设置断点并调试代码。

步骤 7：打包项目

要打包项目，请使用以下命令：

react-native bundle --platform ios --dev false

这将在项目目录中创建一个名为 bundle.js 的文件。

步骤 8：安装项目

要安装项目，请使用以下命令：

xcrun xcodebuild -project ios/AwesomeProject.xcodeproj -configuration Release -scheme AwesomeProject -sdk iphoneos -derivedDataPath build

这将在设备或模拟器上安装项目。

结论

在本文中，我们介绍了如何在 M1/M2 Mac 上设置 React Native iOS 项目。我们希望这篇指南对您有所帮助，并祝您在 React Native 开发中取得成功。