在Mac上搭建React Native开发环境

最新推荐文章于 2024-08-08 15:44:09 发布
置顶 最新推荐文章于 2024-08-08 15:44:09 发布
阅读量2w 收藏 15
点赞数 1
分类专栏： React Native 文章标签： native mac nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangzhihong8/article/details/53914336
版权
本文介绍了如何在Mac上配置React Native开发环境，包括安装Homebrew、Node.js、React Native命令行工具npm、Yarn，以及可选安装的Watchman、Flow和Nuclide。通过这些步骤，开发者可以快速开始React Native项目的开发。
摘要由CSDN通过智能技术生成

概述

前面我们介绍过在window环境下开发React Native项目，今天说说怎么在mac上搭建一个RN的开发环境。

配置mac开发环境

基本环境安装

1.先安装Homebrew：用于安装NodeJS和其他工具。
这里写图片描述
注：Homebrew详解，对这个比较了解的略过，我也是用mac没多久，这里给小白普及下。
Homebrew全称Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X。是一个包管理器，用于在Mac上安装一些OS X没有的UNIX工具（比如著名的wget），Homebrew将这些工具统统安装到了 /us

了解本专栏 订阅专栏 解锁全文 超级会员免费看
xiangzhihong8
关注
专栏目录
订阅专栏
Mac M1 搭建 React Native 环境
时光海的博客
03-12 3567
Mac M1 搭建 React Native 环境 环境安装 可以参考对照官方文档，本文针对M1芯片目前未完全适配情况下的方案，算是临时解决方案，不具有时效性。 你需要自行准备的依赖：Xcode >10、Node >v12、Npm、Yarn、ruby、git 更改编译环境 首先要做的是进入 访达>应用程序>实用工具>右键 终端.app 显示简介>使用Rosetta打开勾选 这一点极其重要，如果你使用的为其他终端工具，请勾选此选项，有关ffi的兼容问题，这只是临时解决方案
mac搭建react native环境
Esfan的博客
03-09 1274
1、安装HomeBrew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" （1）出现错误：curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to raw.githubusercontent.com:443 （2）原因：下载源在国外，所以导致下载很慢，将源切换到国内 （3）解决方
Mac系统下React Native环境搭建
weixin_30376323的博客
12-21 427
　　这里记录一下在Mac系统下搭建React Native开发环境的过程： 　　1. 安装HomeBrew: /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 　　安装完后如下所示： 　　\ 　　可使用命令：”brew -v“查...
react Native 部署配置开发环境
最新发布
weixin_43737733的博客
08-08 1054
需要环境：javaSdk（官方推荐jdk11）node（确保它是 Node 16 或更高版本）1。安装下载Android Studio ，在安装导向中，确保选中2.安装Android SDK默认情况下，Android Studio 会安装最新的 Android SDK。但是，使用原生代码构建 React Native 应用特别需要 SDK。可以通过 Android Studio 中的 SDK 管理器安装其他 Android SDK。
React Native Mac环境搭建
热门推荐
空杯子
06-03 1万+
这里只介绍Mac 上的环境搭建，其他环境搭建请参考： http://facebook.github.io/react-native/docs/getting-started.html 。 上面有所有环境搭建。1、安装Homebrew安装Homebrew是为安装Node.js做前提准备。 安装命令:/usr/bin/ruby -e "$(curl -fsSL https://raw.github
《ReactNative》mac ios开发环境搭建
北海之灵的博客
03-30 890
1.安装XCode    React Native目前需要Xcode 8.0 或更高版本。你可以通过App Store或是到Apple开发者官网上下载。这一步骤会同时安装Xcode IDE和Xcode的命令行工具。虽然一般来说命令行工具都是默认安装了，但你最好还是启动Xcode，并在Xcode | Preferences | Locations菜单中检查一下是否装有某个版本的Command Lin...
mac下搭建react-native环境
weixin_34261415的博客
07-04 875
1.安装Homebrew 2.安装node（最好安装4.x以上版本这样就自带了一个npm） 3.安装npm(node的包管理工具) 一般高版本的npm在安装node的时候已经具有了 4.安装react-native 5.生成测试项目 6.cd到项目文件目录AwesomeProject 然后开启rn本地服务 命令行为: sudo react-native start ...
Mac上搭建React Native开发环境
05-30
好的，以下是在Mac上搭建React Native开发环境的步骤： 1. 安装Homebrew 在终端输入以下命令安装Homebrew： ``` /usr/bin/ruby -e "$(curl -fsSL ...
react native 环境搭建for mac
weixin_29947843的博客
04-29 492
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。 今天的笔记主要记录一下在mac系统下ReactNative环境的搭建： 首先要知道ReactNative的环境依赖于node、android、i
mac 本搭建react-native环境
boysky0015的博客
06-28 954
开始做rn（react-native）项目了，无比激动。 首先我们从rn的环境搭建开始。 1.安装必须的软件 包括以下： （1）Node （2）Xcode（最好在苹果的app store上下载并且安装） （3）Android Studio 在安装Android Studio之前需要安装JDK， 具体参照react-native 官网 默认点击OK即可 next 正在安装中。...
mac搭建react-native开发环境记录
qq996150938的专栏
04-04 3146
首先安装Homebrew 什么是Homebrew呢？Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X. 官方的解释非常明了，Homebrew是一个包管理器，用于在Mac上安装一些OS X没有的UNIX工具（比如著名的wget），能在Mac中方便的安装软件或者卸载软件，可以说Homebrew就是mac下的apt-get、yum神器。 Brew安装方法很
mac搭建并运行react-native项目
混世者的专栏
07-23 4751
目录很简单介绍点啥下载开发工具和组件初始化项目在这个过程中就有坑了，注意启动项目-Android启动项目-iOS 介绍点啥 网上有很多react-native的入门教程，当然坑也很多。一方面是到处拼凑起来的资料，没有实际运行，很可能是有问题的；另一方面，对配置和运行中出现的问题没有详细介绍怎么解决（也可能是人家运气好，没有碰上）。 我是第一次研究移动端应用的开发，完全不懂Android和iOS这一...
RN开发工具和语言版本查看
sunxiaopeng1012114的博客
11-10 1064
一行命令 查较为全面的各中版本信息 yarn react-native info $ /Users/dl/Desktop/gitFiles/StartPineapple/node_modules/.bin/react-native info info Fetching system and libraries information… System: OS: macOS 10.15.5 CPU: (4) x64 Intel® Core™ i5-7360U CPU @ 2.30GHz Memory: 231.
React Native 环境配置（mac）
Daxue_haha的博客
09-12 3666
React Native 环境配置（Mac）
在Mac上搭建React Native开发环境（iOS && Android）
专注移动开发
05-16 1万+
一、配置iOS开发环境①基本环境需求1.先安装Homebrew：用于安装NodeJS和其他工具必须的$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 如上图，出现“Press RETURN to continue or any other key
mac电脑搭建react native环境
weixin_41643133的博客
01-01 1020
RN + TS 1.安装依赖 1.1下载brew 1.2brew install watchman // 监视文件变动的工具 1.3下载nodejs 2.npx nrm use taobao // npx 先去本地找nrm命令，如果找不到去仓库下载nrm软件，nrm用来管理npm镜像的，use taobao把镜像切换到淘宝源上 3安装xcode，ios模拟器也会同步安装 4安装jdk android studio，android sdk环境变量 4.1 jdk java语言开发的，要安装 (1) 官网下载：
Mac下搭建React开发环境
Steve Wang's blog
10-02 3862
1. Node安装 2. create-react-app安装 3. typescript安装 plus 过程中如果遇到报错的解决方法
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiangzhihong8

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值