React Native 搭建iOS与Android开发环境

目录

第一步

第二步

一、必须安装的工具

二、具体安装步骤

1. 安装 Homebrew

切换国内源和其他配置: 

2. 安装 node 

 3.下载watchman

 4. Ruby

5.CocoaPods

配置环境

6. jdk

7. 配置git 开发环境

第三步——启动项目(可以忽略)

1.Xcode的问题​编辑

​编辑

2.android模拟器的问题


 

背景:新的 mac电脑,要配置 iOS 与 Android 的开发环境,并且我是使用 React Native 开发。

目标:可以使用 xcode 与 Android studio 去开发。

第一步

已知设备是全新的,没有什么环境,那么我们要第一步,先去 Apple store 去下载xcode,然后去下载 Android studio,根据配置下载并安装,默认进去安装所有的sdk 即可。这个耗时比较久,所以放在第一步,在此期间我们可以去配置我们的其他环境

https://developer.android.com/studio?hl=zh-cn

第二步

接着整理我们需要安装的全部工具。

一、必须安装的工具

以下是开发 iOS 和 Android 所需的全部工具:

工具用途安装方式
Homebrew管理其他工具的安装终端运行安装脚本
Node.js运行 JavaScript 环境brew install node  Node.js — Download Node.js®
Watchman监听文件变化,提升开发体验brew install watchman
RubyiOS 依赖管理(CocoaPods 需要)macOS 自带,或 brew install ruby
CocoaPods管理 iOS 原生依赖sudo gem install cocoapods
JDK编译 Android 代码brew install --cask adoptopenjdk/openjdk/adoptopenjdk11
Android StudioAndroid 开发 IDE 和 SDK官网下载
XcodeiOS 开发 IDE 和工具链

App Store 下载

NVM管理node的版本brew install nvm,可以下载也可以不下载

首先是Homebrew,也就是brew,​​ 是 macOS 上推荐安装的包管理工具,它能帮你高效安装和管理开发所需的依赖。这个可以在安装 node 的时候去安装。

二、具体安装步骤

1. 安装 Homebrew

Homebrew — The Missing Package Manager for macOS (or Linux)

打开执行命令即可,有可能需要输入密码,之后就会开始下载一系列东西,过程很长,结束后看到提示,需要去配置一下环境:推荐国内源

#官方
/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)"   
切换国内源和其他配置: 

国内源的配置情况:

有时候下载东西的时候,homebrew会去自动检查,有时候会漫长,所以可以在配置里禁掉:

# 方法1:设置环境变量(临时生效)
export HOMEBREW_NO_AUTO_UPDATE=1# 方法2:写入配置文件(永久生效)
echo 'export HOMEBREW_NO_AUTO_UPDATE=1' >> ~/.zshrc
source ~/.zshrc

2. 安装 node 

Node.js — Download Node.js®

打开 node 的安装页面,有nvm的安装方式,也有 brew 的安装命令:

这里推荐使用 nvm,当然你可以选择使用 homebrew,只是下载 node 的方式不一样而已。

这里我下载 v20.19.2版本的,并且使用nvm下载,根据官网的配置下载后,检查环境:


 3.下载watchman

因为是react native开发,所以为了监控文件系统的变化,必须下载这个。

如果电脑上之前安装了这个,需要检测一下gcc的版本,太低会有不兼容。

brew install watchman

使用-v 去看一下版本,如果是最近的日期,说明安装成功:

 


 4. Ruby

mac 电脑自带ruby,如果满足需求就可以不用更新了,可以先查看自己的版本:

# 查看版本
ruby -v#我的是ruby 2.6.10p210 (2022-04-12 revision 67958) [universal.arm64e-darwin24]# 重新下载
brew install ruby

安装成功后,会提示是否需要写入环境变量:

If you need to have ruby first in your PATH, run:echo 'export PATH="/opt/homebrew/opt/ruby/bin:$PATH"' >> ~/.zshrc

之后关闭终端之后再查看版本信息,可以看到最新的,我这里安装的是3.4.4


5.CocoaPods

这个是工作里开发iOS用的依赖管理工具,也是版本管理的工具,可以自动化流程解决第三方库的集成问题。

一个小细节,如果启动项目的时候,installing cocoapods。。。一直卡顿,很有可能是网络、版本有冲突。

CocoaPods.org

下载前,先确保自己的 ruby>=2.6(Mac电脑默认的)

然后去下载:

sudo gem install cocoapods
配置环境

 安装后如果像我这样找不到pod,那么就需要配置一下环境 

先找一下自己的pod的安装位置:

gem which cocoapods

然后再去看解决方案,例如我这里的是安装位置与系统的变量的位置不一致,所以我找到位置后,更换了一下位置:

export PATH="/opt/homebrew/lib/ruby/gems/3.4.0/bin:$PATH"


6. jdk

下载方式:

brew install openjdk@17

下载成功,配置环境:

#验证路径:brew --prefix openjdk@17#安装的时候推荐的路径:echo 'export PATH="/opt/homebrew/opt/openjdk@17/bin:$PATH"' >> ~/.zshrc#保存source ~/.zshrc#验证:java --version

在android studio里配置:sdk使用的gradle是homebrew 17 jdk。

7. 配置git 开发环境

mac 电脑默认的git版本较旧。

苹果 macOS 默认预装了 Git,但版本通常较旧 ,路径为 /usr/bin/git,与 macOS 系统工具深度集成。建议安装新版的git,并配置一下环境,这样系统命令行里使用的时候就是新版的git。

此外我习惯使用GitHub Desktop ,这个应用的 Git 仅用于该应用内部操作,不会影响终端中的 Git 命令。若需在终端使用 GitHub Desktop 的 Git,需将其路径添加到环境变量。

所以为了两个都能使用,我是会安装一个新的版本的git,并且配置两处的环境,使其指向一个。

Git - Downloading Package

# 安装 git
brew install git# 将Homebrew的bin目录添加到PATH最前面
echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.zshrc  # 若使用zsh(默认)
# 或
echo 'export PATH="/opt/homebrew/bin:$PATH"' >> ~/.bash_profile  # 若使用bash# 立即生效配置
source ~/.zshrc  # 或 source ~/.bash_profile# 验证路径是否更新
which git  # 应显示 /opt/homebrew/bin/git
git --version  # 确认版本为2.49.0或者其他版本

 安装成功后,在github desktop 里面可以去登录,也可以不登录,跳过这一步,然后设置名字和邮箱,注意,邮箱设置为自己的托管地址的邮箱,然后配置ssh,就可以正常使用了!

可以使用这个方式去查看自己的邮箱与名字, 

git config --global user.email
git config --global user.name

也可以在这里设置自己的名字与邮箱: 

第三步——启动项目(可以忽略)

一般先是clone项目,然后启动项目,再打开模拟器,就可以正常开发了。

但是如果第一次启动的时候遇到这些问题:

1.Xcode的问题

这个是系统当前配置的开发者工具路径指向了 ​​Command Line Tools​​(命令行工具),而非完整的 ​​Xcode 开发环境​​,需要修改指向位置:

sudo xcode-select -s /Applications/Xcode.app/Contents/Developerxcode-select --print-path  # 应输出 `/Applications/Xcode.app/Contents/Developer`#验证版本xcodebuild -version

2.没有模拟器

Starting Metro Bundler
CommandError: No iOS devices available in Simulator.app

如何新建模拟器:

2.android模拟器的问题

如果第一次启动项目出现android模拟器没有找到的问题,先去android studio查一下是否有下载sdk,如果下载了,那么检查一下系统内安装了哪些模拟器:

adb version          # 检查 ADB
emulator -list-avds  # 列出模拟器
sdkmanager --list    # 查看可安装的 SDK 组件

 正常情况下,执行第一个就可以看到:

Android Debug Bridge version 1.0.41

Version 35.0.2-12147458

Installed as /Users/admin/Library/Android/sdk/platform-tools/adb

Running on Darwin 24.5.0 (arm64)

command not found: adb   如果出现这个问题,代表没有被识别,是否是没有配置环境变量?自查

配置环境变量:

#进入配置文件
nano ~/.zshrc#添加下面的配置,去掉注释export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator          # 模拟器
export PATH=$PATH:$ANDROID_HOME/platform-tools    # adb/fastboot
export PATH=$PATH:$ANDROID_HOME/tools             # 旧版工具
export PATH=$PATH:$ANDROID_HOME/tools/bin         # sdkmanager
export PATH=$PATH:$ANDROID_HOME/build-tools/<版本号>  # 如 34.0.0(可选)#退出保存并执行
source ~/.zshrc

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/news/910258.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/910258.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Vue 简写形式全解析:清晰记忆指南

Vue 简写形式全解析:清晰记忆指南 Vue 中的各种简写形式确实容易混淆,我将它们系统化整理,并提供了多种记忆方法,帮助你轻松掌握! 一、核心简写形式汇总表 完整形式简写形式适用场景记忆技巧v-bind:attribute:attribute动态绑定属性: 像链条,表示"绑定"v-on:…

车载电子电器架构 --- 电子电气架构设计方案

我是穿拖鞋的汉子,魔都中坚持长期主义的汽车电子工程师。 老规矩,分享一段喜欢的文字,避免自己成为高知识低文化的工程师: 做到欲望极简,了解自己的真实欲望,不受外在潮流的影响,不盲从,不跟风。把自己的精力全部用在自己。一是去掉多余,凡事找规律,基础是诚信;二是…

MVCC中read_view的核心参数解析与读操作流程实战

在数据库并发控制领域&#xff0c;MVCC&#xff08;多版本并发控制&#xff09;是实现高性能读写并发的关键技术。其中&#xff0c;read_view作为MVCC判断数据可见性的核心组件&#xff0c;其内部参数的设计直接影响着并发访问的行为。本文将深入解析read_view的三个核心参数&a…

从代码学习深度强化学习 - REINFORCE 算法 PyTorch版

文章目录 前言**一、 理论基础:什么是策略梯度?****1.1 基于价值 vs. 基于策略****1.2 策略梯度(Policy Gradient)****1.3 REINFORCE 算法:蒙特卡洛策略梯度****1.4 REINFORCE 算法流程****二、 PyTorch 代码实践****2.1 环境与辅助函数****2.2 核心算法实现****2.3 训练与…

CRMEB 代码规范指南:ThinkPHP6+Uni-app 架构下的开发标准

二、代码规范 2.1 Vue .1.1 代码结构 <template><div id"my-component"><DemoComponent /></div> </template><script> import DemoComponent from ../components/DemoComponentexport default {name: MyComponent,component…

游戏技能编辑器开发完全指南系统架构设计之技能编辑器整体架构

技能编辑器整体架构 角色资源划分与管理 1. 角色资源结构 角色资源划分与管理 1. 角色资源结构 // 骨骼重定向示例 void RetargetAnimation(Animation& srcAnim, Skeleton& targetSkeleton) {for (int frame 0; frame < srcAnim.numFrames; frame) {for (Bone&a…

SD-WAN 不是“裸跑”:聊聊怎么把网络安全绑在智能网关上

SD-WAN 不是“裸跑”:聊聊怎么把网络安全绑在智能网关上 一、别被“软件定义”忽悠了:SD-WAN 到底安不安全? 这些年,“SD-WAN”这个词火得不行,听上去高大上,像“云原生网络”、“下一代 WAN 技术”、“运维降本神器”,厂商的 PPT 一个比一个能吹。 但咱搞运维的知道…

国产Linux银河麒麟操作系统上安装开源的视频录制和直播推流OBS Studio软件

一、OBS Studio 简介 OBS Studio (Open Broadcaster Software Studio) 是一款开源的视频录制和直播推流软件&#xff0c;具有以下特点&#xff1a; 跨平台支持&#xff1a;支持 Windows、macOS 和 Linux 系统功能全面&#xff1a; 支持多场景无缝切换提供丰富的音视频源管理内…

Thrift作为客户端流程(多路复用)

以下是一个 使用多路复用&#xff08;TMultiplexedProtocol&#xff09; 的 Thrift 客户端完整流程和关键函数&#xff08;以 Java 为例&#xff09;&#xff0c;适用于当服务端使用 TMultiplexedProcessor 注册了多个服务时&#xff0c;客户端可以区分并调用不同的服务。 ✅ 客…

实现PDF文件添加水印的功能

通过Java代码实现PDF文件添加水印的功能&#xff0c;主要依赖iText库&#xff08;用于PDF操作&#xff09;和OSS SDK&#xff08;可选&#xff0c;用于文件上传&#xff09;。以下是实现的核心步骤&#xff1a; 首先添加依赖 <!-- 添加 PDF 水印 --><dependency>…

Swoft2 框架精华教程:Swoft 的视图组件

概述 用模板对页面进行渲染&#xff0c;这是比较经典的一种设计方式了。主要目的是在服务器端进行页面渲染&#xff0c;以使客户端浏览器可以直接拿到页面 html 的代码&#xff0c;这样对搜索引擎对网站的收录比较友好。如果是前后端分离的形式&#xff0c;由于前后端交互是用…

[学习] 哈希码:原理、用途与实现详解(C代码示例)

哈希码&#xff1a;原理、用途与实现详解 博主在《在C语言中使用字典》一文中&#xff0c;使用哈希来实现键值对的快速检索&#xff0c;今天对哈希这一算法工具&#xff0c;进行一些深入的研究&#xff0c;争取能能做到知其然亦知其所以然。 文章目录 哈希码&#xff1a;原理、…

golang--channel的关键特性和行为

Go 语言 Channel 的核心特性与行为深度解析 Channel 是 Go 语言并发编程的核心组件&#xff0c;用于在不同 goroutine 之间进行通信和同步。以下是其关键特性和行为的全面分析&#xff1a; 一、基本特性 1. 类型安全通信管道 ch : make(chan int) // 只能传递整数2. 方向性…

HarmonyOS 5 鸿蒙多模态融合测试技术方案详解

以下是针对HarmonyOS 5多模态融合测试的技术方案详解&#xff0c;综合交互逻辑、容错机制及分布式验证等核心模块&#xff1a; ‌一、多模态交互核心逻辑验证‌ ‌事件融合机制‌ 通过kit.AbilityKit监听语音指令&#xff0c;结合ArkUI手势系统捕获屏幕坐标&#xff1a; import…

在AI普及的大环境下神经网络在新能源汽车热管理系统中的应用简介

一、神经网络的核心原理与结构 1. 生物启发与基础组成 神经网络&#xff08;Artificial Neural Network, ANN&#xff09;受生物神经元信息处理机制启发&#xff0c;由大量人工神经元互联构成计算模型。每个神经元接收输入信号&#xff08;如温度、流量等物理量&#xff09;&a…

​ CATIA V5与3DEXPERIENCE协同设计:引领无人机行业新纪元

在无人机行业蓬勃发展的今天&#xff0c;传统设计流程正面临前所未有的系统性挑战。更令人担忧的是&#xff0c;随着无人机应用场景的不断拓展&#xff0c;从农业植保到城市物流&#xff0c;从应急救援到军事侦察&#xff0c;对产品性能的要求日益严苛。传统设计方法已难以应对…

关于科技公司经营的一些想法

分析了一些我们公司的问题&#xff1a; 1&#xff0c;测试 重视测试&#xff0c;加大测试投入 2&#xff0c;人才 人才评判标准&#xff1a;结果论&#xff0c;主要根据该岗位问题的解决效率与质量评判。工作时长不重要 任人唯贤。尽可能录用能解决问题的人才&#xff0c;不…

校招生成长日记(一):初来乍到

提前来了几天&#xff0c;感受一下广东的生活。第一印象就是闷热&#xff01;后面尝了潮汕火锅&#xff0c;椰子鸡&#xff0c;荔枝&#xff0c;都很不错&#xff01;&#xff01;&#xff01;就是没有重口味的&#xff0c;好想念我的酸辣粉&#xff0c;麻辣烫啊......y走了瞬间…

【精选】移动端学习平台设计与开发 移动端平台开发(含资料阅读、时事新闻、时政答题与讨论功能) 基于移动端的专题教育平台设计与实现

博主介绍&#xff1a; ✌我是阿龙&#xff0c;一名专注于Java技术领域的程序员&#xff0c;全网拥有10W粉丝。作为CSDN特邀作者、博客专家、新星计划导师&#xff0c;我在计算机毕业设计开发方面积累了丰富的经验。同时&#xff0c;我也是掘金、华为云、阿里云、InfoQ等平台…

Protobuf 高级特性详解 —— 嵌套消息、Oneof 字段与自定义选项

在前几篇文章中&#xff0c;我们已经掌握了 Protocol Buffers&#xff08;Protobuf&#xff09;的基础语法、.proto 文件的结构、以及如何使用 Go 和 Java 进行数据的序列化与反序列化操作。本篇文章将深入探讨 Protobuf 的高级特性&#xff0c;包括&#xff1a; 嵌套消息&…