搭建 RN 环境(ios)

本文详细介绍了如何在Mac上通过Homebrew安装必要的依赖(如Node.js,Watchman,CocoaPods)以及如何在VSCode中创建并运行ReactNative项目,包括项目初始化、依赖管理及注意事项。
摘要由CSDN通过智能技术生成

地址:React Native 中文网 · 使用React来编写原生应用的框架

一、安装依赖

我因为很久没用 brew 了,网络比较一般,报了很多奇怪的错

1. 可以更新一下 homebrew

brew update

2. 重新卸载 brew,再安装 brew

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

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

3. node 安装 18 版本的

brew install node@18

4. 安装Watchman

brew install watchman

5. app Store 下载Xcode

6. 安装 yarn

npm install -g yarn

7. 安装CocoaPods

brew install cocoapods

注意:安装各种依赖的时候,特别慢,需要科学上网,如果报错信息是网络的问题,需要多次重复一下安装操作。 

环境安装:搭建开发环境 · React Native 中文网


二、创建项目

如果你之前全局安装过旧的react-native-cli命令行工具,请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突

npm uninstall -g react-native-cli @react-native-community/cli

1. 创建项目,名称为appTest

npx react-native@latest init appTest

2. 运行项目

i. 用 vscode 打开创建的项目, 进入 ios 目录

cd ios

ii. pod install

pod install

iii. yarn ios 或者 yarn react-native run-ios

yarn ios
# 或者
yarn react-native run-ios

注意:yarn react-native run-ios 运行的特别久,耐心等待一下

  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值