返回

iOS开发必备：在M1 Mac上安装React Native环境的终极指南

前端

前言

作为一名iOS开发人员，拥有一个可靠的开发环境至关重要。对于React Native开发人员来说，在M1 Mac上设置环境可能是件颇具挑战性的事情。本文旨在提供一份全面的指南，涵盖在M1 Mac上安装React Native环境的每一个步骤，同时解决常见问题。

安装Homebrew

Homebrew是一个软件包管理系统，使在Mac上安装软件变得轻而易举。对于React Native开发，Homebrew是必不可少的。

  1. 打开终端。
  2. 运行以下命令： 
    /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  3. 输入你的密码，然后按Enter键。

解决端口443错误

由于Apple的安全机制，不允许直接使用脚本安装Homebrew。这会导致安装过程中遇到端口443错误。

  1. 直接使用浏览器打开以下链接： 
    https://raw.githubusercontent.com/Homebrew/install/master/install.sh
  2. 单击“另存为”。
  3. 将文件保存在桌面上。
  4. 打开终端，转到桌面的目录： 
    cd ~/Desktop
  5. 执行以下命令： 
    chmod +x install.sh
./install.sh

更新环境变量

安装Homebrew后，需要更新环境变量以包含Homebrew的路径。

  1. 打开终端。
  2. 运行以下命令： 
    echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> ~/.zprofile
  3. 退出并重新打开终端。

安装Node.js

React Native依赖于Node.js。

  1. 运行以下命令安装Node.js： 
    brew install node

安装Yarn

Yarn是一个替代npm的包管理器。

  1. 运行以下命令安装Yarn： 
    brew install yarn

安装React Native CLI

React Native CLI是一个命令行工具，用于创建和管理React Native项目。

  1. 运行以下命令安装React Native CLI： 
    npm install -g react-native-cli

创建新项目

  1. 打开终端。
  2. 转到要创建新项目的位置。
  3. 运行以下命令： 
    react-native init MyProject

启动模拟器

  1. 确保你的iPhone连接到Mac。
  2. 在终端中，转到项目的根目录。
  3. 运行以下命令： 
    npx react-native run-ios

结论

按照本指南中的步骤，你应该能够在M1 Mac上成功安装并配置React Native开发环境。如果你遇到任何问题，请随时在评论区留言。