首先安装 homebrew, xcode,android studio
参考了 # 2025最终!Mac配置Flutter全平台开发环境完整指南(亲测有效)
css
brew install flutter
flutter doctor
flutter --disable-analytics
brew install watchman
npx react-native doctor
ios
csharp
# 设置命令行工具路径
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
# 首次配置
sudo xcodebuild -runFirstLaunch
# 接受许可
sudo xcodebuild -license accept
升级 ruby
bash
brew install ruby
# 配置 PATH(让系统优先用新版)
vim ~/.zshrc
# 添加这两行(注意版本号可能不一样,看你装的版本)
# update ruby
export PATH="/opt/homebrew/opt/ruby/bin:$PATH"
export PATH="/opt/homebrew/lib/ruby/gems/4.0.0/bin:$PATH"
export LDFLAGS="-L/opt/homebrew/opt/ruby/lib"
export CPPFLAGS="-I/opt/homebrew/opt/ruby/include"
# 保存并生效
source ~/.zshrc
# 验证(应该显示 4.x 版本)
ruby -v
Ruby 升级好后,CocoaPods 就能装了
sql
sudo gem install cocoapods
sudo gem update --system 4.0.8
测试 iOS 环境
bash
# 打开 iOS 模拟器
open -a Simulator
npx @react-native-community/cli@latest init AwesomeProject
cd AwesomeProject
cd ios && pod install
yarn start
yarn run ios
# 创建测试项目
flutter create my_first_app
cd my_first_app
# 运行
flutter run
android
运行如下命令可知 rn 0.84 所需的 17 < jdk < 20
java
npx react-native doctor
sdk 是 sdkman 提供的能力: # mac 使用 sdkman 管理多版本jdk
php
sdk install java 17.0.18.fx-zulu
sdk default java 17.0.18.fx-zulu
sdk use java 17.0.18.fx-zulu
android standard 安装有几个依赖是没有安装的
在 Android Studio 里:
-
打开
Settings→Appearance & Behavior→System Settings→Android SDK -
切到
SDK Tools标签 -
勾选这几个:
- Android SDK Command-line Tools
- Android SDK Platform-Tools
- Android SDK Build-Tools
-
点
Apply等下载完成
bash
vim ~/.zshrc
# 添加这些(路径根据你的实际情况调整)
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/platform-tools
export PATH=$PATH:$ANDROID_HOME/cmdline-tools/latest/bin
source ~/.zshrc
flutter doctor --android-licenses
其实到这里 flutter 和 rn 的环境应该都能跑起来。 rn 这里并没有使用 expo