mac 本搭建react-native环境

最新推荐文章于 2024-04-28 16:53:50 发布
最新推荐文章于 2024-04-28 16:53:50 发布
阅读量950 收藏
点赞数
文章标签： native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/boysky0015/article/details/80840708
版权

开始做rn（react-native）项目了，无比激动。
首先我们从rn的环境搭建开始。
1.安装必须的软件
包括以下：
（1）Node
（2）Xcode（最好在苹果的app store上下载并且安装）
（3）Android Studio
在安装Android Studio之前需要安装JDK，
具体参照react-native 官网
这里写图片描述
默认点击OK即可
next 正在安装中。。。
正在安装中
next
这里写图片描述
这里选择Custom
这里写图片描述
选择背景主题
这里写图片描述
勾选Android Virtual Device-(824MB)
这里写图片描述
next
这里写图片描述
next
这里写图片描述

天下1281
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RNdemo:跟着官网学习react-native
05-13
RNdemo跟着官网学习react-native新手入门踩坑记录关于环境搭建问题目前RN是0.55版本，但是最新版本的RN使用时在Mac OS系统下会出现报错运行不起来。Windows,Linux系统未测试尚不清楚。Mac OS安装0.51.1版本即可正常...
react-native-course:with使用React Native构建本机Android和iOS应用
05-28
2. **React Native环境搭建**：设置开发环境是开始学习React Native的第一步，包括安装Node.js、npm、Watchman、Homebrew（仅限Mac）、JDK、Android Studio（或Xcode）以及React Native命令行工具。 3. **React ...
React-Native环境搭建（IOS）
mapbar_front的博客
12-21 1994
React-Native开发环境的搭建，有相关的技术文档，里面详细的记录了环境搭建的方方面面。但是我个人觉得，还是有相当一部分，写的并不是很细节，比如安装某一个包，到底需要等待多长时间，有没有更好的替代方案，在官方文档中，依然介绍的不是很清楚。本文旨在针对官方文档的一些细节，进行补充，建议官方文档和本文章结合着阅读，可能效果会更好。
mac搭建react-native开发环境记录
CC酱写前端的博客
05-28 446
之前一直使用vue写项目的，看了同事写的react-native项目，自己想去尝试写个react-native 的小demo，那么第一步是要配置要电脑环境。 Mac搭建react-native需要配置哪些环境呢？ 第一步、安装Homebrew 什么是Homebrew呢？“Homebrew是一款Mac OS平台下的软件包管理工具,拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令,就可以实现包管理,而不用你关心各种依赖和文件路径的情况,十分方便快捷。” 1） 安装brew命令： /bin/bas
React-native环境配置与项目搭建
weixin_43506403的博客
09-02 470
产生这个问题的原因是：使用这种方式创建工程，在react-native 版本是0.69 版本上不适用。各位可以检查下自己安装的React-native的版本。那就是没有安装react-native 脚手架，执行：npm install -g react-native-cli。安装 react native 脚手架 (npm install -g react-native-cli)yarn android (运行项目) 或者yarn react-native run-android。
Mac中react-native 环境的搭建、react-navigation路由 环境搭建、react-native-vector-icons 安装图标
qq_45885751的博客
02-23 373
react-native 环境的搭建 全局安装 sudo npm i watchman react-native-cli -g 2.构建项目 react-native init +项目名 安装过程中勾选gem cocospods … 即可 3.启动项目 npm run ios react-navigation路由 环境搭建 实现路由跳转功能 1.在项目目录安装 npm install -...
【React-Native】开发环境搭建 Mac M2
Hannnnnnnnnnnnn的博客
03-18 775
【代码】【React-Native】开发环境搭建 Mac M2。
【react-native】关于ios与android的环境搭建
xm_law的博客
10-21 1555
react-native+ ios +android 环境配置，针对0S 11.X 升级 12.X项目无法运行问题等解决方法与建议。
React-Native环境搭建流程
贺知叶的博客
01-11 682
React-Native环境搭建流程 React-Native:0.63,React:17.0 对应系统对应不同环境：Mac->Xcode，Windows->AndroidStudio，RN->VSCode 希望这篇文章对你的问题可以有效地解决。防止以后忘记环境安装流程，对你以后更换工作并且又要重新环境有用处。蟹蟹！ 文章目录React-Native环境搭建流程 React-Native:0.63,React:17.0前言一、基本步骤二、创建项目三、部分问题解决方案总结 前言 不多
react-native mac 开发环境搭建Android SDK版本N/A问题，已解决
aaaaanqi的博客
10-20 187
但是开发环境配置和文档描述得没有什么差别，怀疑是bug，git仓库下的issue有提类似问题，直接使用。ANDROID_SDK_HOME环境变量我是复制的ANDROID_HOME。将默认用户下的.android文件夹复制到。校验开发环境，Android SDK报错。问题就解决了，成功运行。路径下，解决方法参考。
macOS搭建ReactNative环境
左丘梦凡的博客
04-28 462
要在android studio中运行rn项目中android目录的android原生项目，需要先将这个rn项目编译一次，在android studio才能跑起来。这个可以在终端的安装信息中看到，然后在终端中输入node -v命令，终端中会打印出版本号就成功了。先卸载掉再安装新的版本，防止出现冲突，如果安装过程中，终端有出现下图红色方框中的error信息。由于我是在网上拉了个rn的项目想运行起来，此时可以在终端中cd到项目目录下，在输入。如果会弹出下面图片中的终端，在新弹出的终端中输入a等待编译。
mac 搭建react-native（搬砖）
迷彩狼的博客
03-27 1106
安装必需软件HomebrewHomebrew, Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件。/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使...
react-native-cnode
05-17
list-view 上拉加载与下拉加载* react-redux 数据存储* react-native-render-html 解析html* axios request* moment time format* react-navigation tabBottom jump使用 不管你是用windows还是mac都是要配置环境的, ...
安卓java读取网页源码-react-native-example-toilet:react-native-example-厕所
06-06
react-native run-ios(run-android) 服务端：具体看下面说明 1、express开发 1.1 npm环境设置 安装node软件： 安装淘宝滤镜：npm install -g cnpm --registry = 设置全局的npm从国内下载资源， npmrc添加配置。mac...
安卓java读取网页源码-react-native-full-example-chunlei:react-native-full-exampl
06-06
react-native run-ios(run-android) 服务端：具体看下面说明 1、express开发 1.1 npm环境设置 安装node软件： 安装淘宝滤镜：npm install -g cnpm --registry = 设置全局的npm从国内下载资源， npmrc添加配置。mac...
kettle spoon 免安装包
08-01
kettle spoon 免安装包
2024江西省行政区划矢量图层-省市县乡镇四级行政区划数据下载-带python代码
最新发布
08-01
2024最新江西省行政区划矢量图层数据，包含省、市、县、乡镇四级行政区划数据下载，附带shp转geojson的python代码
大数据中心建设方案.pptx
08-01
大数据中心建设方案.pptx
《通信原理(第6版)》教案.doc
08-01
《通信原理(第6版)》教案
MacBookPro M2芯片下如何搭建React-Native环境
04-05
搭建React-Native环境需要以下步骤： 1. 安装Homebrew Homebrew是Mac下的包管理工具，用于安装各种软件和库。在终端中执行以下命令安装Homebrew： ...以上就是在MacBookPro M2芯片下搭建React-Native环境的步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值