01ReactNative-环境搭建

ReactNative环境搭建

• • • • • [[1] 安装Homebrew](#[1] 安装Homebrew)
        • [[2] 安装Watchman](#[2] 安装Watchman)
        • [3]安装Node和npm
        • [[4] IOS开发 - 安装XCode && 模拟器](#[4] IOS开发 - 安装XCode && 模拟器)
        • [5]安卓
        • [6]真机测试(不推荐)

tips: mac电脑ReactNative环境搭建

[1] 安装Homebrew

Homebrew是mac中很好的包管理工具。

Homebrew 使用 Ruby 开发而macOS 自带 Ruby ; => Homebrew 的安装不依赖 Node.js 或 npm。

• 安装Homebrew

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

• 使用国内镜像安装

   /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

• 检查是否安装

  brew --version // 查看是否安装了Homebrew

[2] 安装Watchman

brew install watchman // 安装
watchman -v // 查看版本 2025.11.10.00

[3]安装Node和npm

如果您已经在系统上安装了 Node，请确保它是 Node 20.19.4 或更高版本

node -v // 检查有没有安装node v20.19.5

[4] IOS开发 - 安装XCode && 模拟器

模拟器是一个虚拟设备 安装在Mac硬盘上;

tips: 从2025.01.01开始 react-native-cli已经被被废弃了 现在开发React Native不需要安装全局脚手架 => React Native 开发模式已经改变了 => 推荐使用Expo开发

• 下载XCode: 直接在App Store安装即可

  tips:

  1\]安装成功之后，第一次打开需要Install; \[2\]Xcode是英文并且不支持设置为其他语言; \[3\]在App Store中安装只能安装最新版本;

   XCode安装完成后 => 
   打开XCode => 
   顶部菜单栏的 Xcode => stteings => Components => iOS 26.1(这是最新模拟器系统版本，如果安装其他版本在Other Installed Platforms选择指定版本安装)

• 启动模拟器：有的需求需要指定机型进行测试 如(iPhone16)

  • 查看版本之间对应关系: xcrun simctl list devices

  • 启用模拟器: xcrun simctl boot 版本

    // iphone16 pro机型模拟器
     xcrun simctl boot 28930A60-DC4C-47A5-A4D0-727377FE6088

[5]安卓

安装 JDK + Android Studio

[6]真机测试(不推荐)

真机测试：则无需设置环境=>在手机上安装expo go软件： 用于测试；