ReactNative MacOS环境安装

最新推荐文章于 2025-05-15 10:04:48 发布

I am Big Boss~~

最新推荐文章于 2025-05-15 10:04:48 发布

阅读量5.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： iOS开发原理文章标签： ReactNative环境搭建

本文链接：https://blog.youkuaiyun.com/wei371522/article/details/90293590

本文详细介绍了在MacOS上安装ReactNative的步骤，包括Node环境、npm镜像、Yarn和React Native CLI的安装，特别提醒需使用sudo权限并设置国内镜像以加速安装。最后提到了Xcode版本要求及其命令行工具的配置，完成安装后即可开始创建和运行React Native项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ReactNative学习中遇到的问题
一.首先是环境搭建中过程及问题
ReactNative国内环境安装资料比较多，可以直接参考ReactNative中文网(https://reactnative.cn) 我这里主要说下国际安装

1.先安装Node10+ 环境
或者像ReactNative中文网上写的通过命令行安装Node环境
brew install node
brew install watchman
如果你已经安装了 Node，请检查其版本是否在 v10 以上。安装完 Node 后建议设置 npm 镜像以加速后面的过程（或使用科学上网工具）。

2.设置npm镜像加速后面的过程
（1）国外设置镜像：http://registry.npmjs.org

PH63LLM3228JOL:desktop jolly$ npm config set registry http://registry.npmjs.org 
PH63LLM3228JOL:desktop jolly$ npm config set disturl http://registry.npmjs.org

（2）国内就是淘宝镜像： https://registry.npm.taobao.org

PH63LLM3228JOL:~ jolly$ npm config set registry https://registry.npm

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

I am Big Boss~~

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

React Native在MacOS上的开发环境配置详解

移动开发前沿的博客

06-29

899

我们的目的就是要在MacOS系统上成功配置好React Native的开发环境，这样开发者就可以使用React Native来开发跨平台的移动应用啦。范围涵盖了从安装各种必要的软件到创建并运行第一个React Native项目的整个过程。首先我们会介绍一些核心概念，让大家明白React Native是什么。然后详细讲解配置开发环境的具体步骤，还会给出实际的代码案例进行解读。接着探讨React Native的实际应用场景，推荐一些相关的工具和资源。最后会总结我们学到的内容，提出一些思考题供大家进一步思考。

react-native-macos：[不推荐使用https：microsoft.github.ioreact-native-windows]适用于macOS的React Native是使用Cocoa编写桌面应用程序的实验性分支

02-13

弃用该项目不再维护。有一个Microsoft版本： : 您可以在Catalyst上运行React Native React Native macOS（例如react-native-desktop）使用React Native构建macOS桌面应用程序。 < View> < Button onPress = { () => alert ( ' clicked! ' ) } /> </ View> 入门节点4.x +，需要OS X 10.11+。强烈建议您具有React Native的经验。 $ npm install react-native-macos-cli -g $ react-native-macos init MyProject $ cd MyProject $ react-native-macos run-macos 如果要将macOS目标添加

参与评论您还未登录，请先登录后发表或查看评论

react-native macOs 自己搭建开发环境纪实 Android 环境

okok12的专栏

08-19

440

react-native好用，环境难搭，最近几天被搭建环境的事情搞的焦头烂额，还好最后也是搭建完成了。期间遇到了各种坑，虽然最后都趟过去了，可是能记住的很少。现在捡着能记住的写个攻略，希望能帮助到需要搭建这个环境的小伙伴，同时自己下次再搭的时候就不用再去翻资料了。先说一下我的系统是mac os 10.14.5 ，我目标是编写android系统的apk，开发android所需的环境是比较复杂的，...

React Native MacOS环境搭建

qq_30754211的博客

01-31

623

https://reactnative.cn/docs/getting-started/ React-Native入门指导之iOS篇 —— 一、准备工作 React-Native 入门指导系列教程目录一、准备工作 (已完成) 二、项目介绍与调试三、CSS样式与Flex布局四、常用UI控件的使用五、JSX在React-Native中的应用六、事件与数据调用七、自定义组件...

React Native macOS 环境搭建

愿有岁月可回首，且以深情共白头

05-16

411

React Native macOS 环境搭建参考最新的React Native中文网站文档，按步骤进进行就可以了：https://reactnative.cn/docs/0.51/getting-started.html

macos下搭建react native 开发环境

weixin_44324561的博客

04-15

474

macos下搭建react native 开发环境安装依赖安装步骤1.安装homebrew2.按照node和watchman3.切换淘宝源4安装yarn5安装xcode6创建react native 项目7运行项目安装依赖必须安装的依赖有：Node、Watchman、Xcode和CocoaPods。安装步骤 1.安装homebrew /usr/bin/ruby -e "$(curl -fsS...

React Native教程：一步一步搭建React Native开发环境.docx

12-04

根据上述内容，我们可以提炼出React Native开发环境搭建的关键知识点，包括操作系统的准备、Xcode和Node.js的安装、watchman与flow的配置以及NVM的使用。此外，还包括如何在终端创建React Native项目。这些知识点...

React Native开发环境搭建，VS Code运行项目步骤详解

Zh.快乐的程序猿的博客

03-23

2552

React Native开发环境搭建，VS Code运行项目步骤详解

简单到爆，一文读懂React Native 环境搭建与项目创建

最新发布

老猿阿浪的博客

05-15

1036

简单到爆，一文搞懂React Native 环境搭建与项目创建

React Native macOS 使用教程

gitblog_00228的博客

08-21

978

React Native macOS 使用教程项目介绍 React Native macOS 是一个开源项目，它允许开发者使用 React Native 框架来构建 macOS 应用程序。这个项目扩展了 React Native 的能力，使其能够支持 macOS 平台的开发。通过使用 React Native macOS，开发者可以利用 JavaScript 和 React 的生态系统来创建高性...

react-native-macos:https的分叉

05-10

@ alloc / react-native-macos 适用于macOS的react-native的分支。安装 npm install @alloc/react-native-macos 路线图将<Text>和<TextInput>升级到RN 0.54（）添加RCTWindow以改善输入处理（）添加对React钩子的支持（）创建本机SVG支持的库（）支持onMouseEnter和onMouseLeave事件（）重新实现本地hitSlop道具（）创建一个库来播放声音（）支持pointerEvents道具（）添加<WindowDrag>组件（）添加<Gradient>组件（）将cursor道具添加到<View> （）派生@react-native-community/art并使其在macOS（

macos 版本_跨平台战役升级：React Native宣布支持MacOS和Windows平台

weixin_39976499的博客

12-01

349

这是奶爸码农第61篇原创文章，点击上方蓝字关注01引言React Native团队在RN 0.62版本发布中，推出了支持Windows和MacOS的预览版。React Native一直以“Write once，Run Everywhere”而著称，它在移动端提供了非常强大的跨平台开发能力。对于React的爱好者，React提供了一个非常丰富的生态。React Native能够让开发者使用...

React Native for macOS 常见问题解决方案

gitblog_00407的博客

11-11

503

React Native for macOS 常见问题解决方案项目基础介绍 React Native for macOS 是一个实验性的开源项目，旨在使用 React Native 框架开发 macOS 桌面应用程序。该项目允许开发者使用 JavaScript 和 React 编写跨平台的桌面应用，主要编程语言为 JavaScript。新手使用注意事项及解决方案 1. 环境配置问题问题描述：...

React-Native Mac 初体验

a136447572的专栏

05-12

530

Mac 1 安装 npm https://nodejs.org/en/download/ https://nodejs.org/zh-cn/download/releases/ 2 在线安装 react-Native npm install -g react-native-cli 4创建项目 react-native init FirstApp /** 注 1安装前需要更换国...

基于Django的博客项目---环境搭建

Cinderella2333的博客

10-20

262

基于Django的博客项目—环境搭建项目环境：Windows + Django + MySql 1.准备工作（1）安装python环境在python的官网中（http://www.python.org/）下载并安装python，需要注意的是，在安装时建议选择Customize installation自定义安装路径，如D:\python，方便以后使用。注意勾选下方的Add Python3.6 to PATH选项，这样可以为我们自动配置系统环境变量。安装检测，进入cmd界面，输入下面的命令 pytho

React Native MAC下环境配置安装

asddavid的专栏

11-21

4363

React Native MAC下环境配置安装

Mac React-Native环境搭建及使用

你就是我心中的棉花糖的专栏

11-06

995

React-Native是 FaceBook的一个开源框架，基于JavaScript来为安卓和iOS开发跨平台的移动应用，为当下移动开发提供了一个很不错的方案。 React-Native主要特性一.支持原生组件 1.支持使用标准的平台组件，例如iOS的UITabBar或安卓的Drawer。使app获得平台一致的视觉效果和体验，并且获得最佳的性能和流畅性。二.异步执行 1.

react macos_如何在macOS平台上为React Native App提供支持

编程故事的地方

07-02

690

react macos React Native是Facebook开发的框架，用于在本机平台上构建应用程序。由于它的速度，敏捷性以及能够在具有交互式用户界面（UI）的多个平台上构建混合应用程序的能力，因此它被大多数开发人员所首选。默认情况下，React Native具有内置组件和支持包，可通过移动本机iOS和Android平台访问。为了访问macOS平台中的应用程序，Microsof...