macbook RN 环境搭建(实测心得)

这篇具有很好参考价值的文章主要介绍了macbook RN 环境搭建(实测心得)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

原创 macbook RN 环境搭建(实测心得),# React Native,react native,react.js,javascript

这里的依赖除了 Watchman 都是必须安装的,

按照文档来的时候到 创建的时候

npx react-native@latest init AwesomeProject

可能会触发错误,因为这是使用的默认的自带的ruby版本,虽然文件模板被创建了,会报错,后期也无法运行起来。

你就需要 一下操作 

mac设置  ruby版本

rvm use 3.2.2 && npx react-native@latest init AwesomeProjectmactest

如果你已经安装了 Ruby 3.2.2 并希望在你的开发环境中使用最新版本的 Ruby,你可以使用 Ruby 版本管理工具来管理不同版本的 Ruby,并设置默认使用最新版本。以下是使用 rbenv 或 rvm 进行管理的步骤:

使用 rbenv:

安装 rbenv: 如果你尚未安装 rbenv,可以通过以下命令安装:

brew install rbenv

安装 Ruby 3.2.2: 如果你还没有安装 Ruby 3.2.2,可以通过以下命令安装:

rbenv install 3.2.2

设置全局 Ruby 版本: 使用以下命令将全局 Ruby 版本设置为 3.2

rbenv global 3.2.2

检查版本: 运行以下命令来验证 Ruby 版本是否已更新为最新版本:

ruby -v

二 

安装 rvm: 如果你尚未安装 rvm,可以通过以下命令安装:

\curl -sSL https://get.rvm.io | bash -s stable

重新启动终端: 安装完 rvm 后,需要重新启动终端窗口。

安装 Ruby 3.2.2: 使用以下命令安装 Ruby 3.2.2:

rvm install 3.2.2

设置默认 Ruby 版本: 使用以下命令将默认 Ruby 版本设置为 3.2.2:

rvm use 3.2.2 --default

检查版本: 运行以下命令来验证 Ruby 版本是否已更新为最新版本:

ruby -v

一般情况下成功初始化了,就能跑起来了。文章来源地址https://www.toymoban.com/news/detail-759502.html

到了这里,关于macbook RN 环境搭建(实测心得)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • React-Native学习,RN的容器Flex-Box布局

    justify-content(在RN中属性名称为:justifyContent)在主轴上对齐方式 align-items(在RN中属性名称为:alignItems)在交叉轴上的对齐方式 在React Native中,当没有设置容器的主轴方向时,默认容器主轴方向为:flexDrection: \\\'column\\\',也就是说,当我们的容器的主轴的排布方向为竖直方向时

    2024年02月16日
    浏览(54)
  • React Native环境配置搭建

    React Native官网环境搭建教程写的不够详细,并且有些坑,使得搭建环境很慢,本文章就是为了解决这些问题,以新手为标准的文档。 首先看下官网的说明: 重点: 必须安装的依赖有:Node、JDK 和 Android Studio 。 安装完这三个基本就可以了,接下来就详细讲讲这三个的安装。

    2024年02月13日
    浏览(29)
  • 搭建React Native开发环境

    node.js官网 需要确定自己安装的版本是否是12版本以上 node -v npm install -g yarn 这是官网推荐的安装地址: android studio 国内用户可能无法打开官方链接,请自行使用搜索引擎搜索可用的下载链接。安装界面中选择\\\"Custom\\\"选项,确保选中了以下几项: 所以需要我们自己想办法来安装

    2024年02月04日
    浏览(46)
  • [快速上手RN] 3. React native 制作底部导航栏 Bottom Tab Bar

    [快速上手RN] 0.React Native 快速启动项目 [快速上手RN] 1. React native 项目集成UI Kitten [快速上手RN] 2. React native 项目色彩主题色编辑及使用 [快速上手RN] 3. React native 制作底部导航栏 Bottom Tab Bar [快速上手RN] 4. React native 集成redux 首先我们确认目标 在APP底部新增一个导航栏 导航栏点

    2024年02月05日
    浏览(53)
  • 【React Native】学习记录(一)——环境搭建

    Expo是一套工具,库和服务,可让您通过编写JavaScript来构建原生iOS和Android应用程序。 一开始学习的时候直接使用的是expo。 接下来需要搭建安卓和IOS端(为此特意换成了苹果电脑),主要参考的是 这里。 先说说比较容易大家的苹果系统:(在此之前记得先安装node) 可以通过

    2024年02月15日
    浏览(35)
  • 推荐用于学习RN原生模块开发的开源库—react-native-ble-manager

    如题RN的原生模块/Native Modules的开发是一项很重要的技能,但RN官网的示例又比较简单,然后最近我接触与使用、还有阅读了react-native-ble-manager的部份源码,发现里边完全包含了一个Native Modules所涉及的知识点/技术点,故特推荐给大家,共同学习与交流 react-native-ble-manager目前

    2024年02月15日
    浏览(51)
  • 求助帖:React Native failed installing Ruby Gems(rn 下载 Runby Gems 失败)

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 react native当前版本0.72.4,官方文档也是最新的, macos:13.3。 最近要用RN做一个项目,参照官方文档链接: link 已经完成了前期的配置工作,直到最后一步创建AsomeProject示例项目时候,RN下载依赖卡在Inst

    2024年02月07日
    浏览(46)
  • React Native环境配置搭建(全网最全 没有之一)

    小编在配置RN环境的时候,遇到了各种 坎儿,在发布这篇之前终于是搞好了,特此在这把详细过程记录下,以便造福各位。(一键三连点关注,关注小夏不迷路) 准备工作:必须安装的依赖有:Node、JDK 和 Android Studio。 1)node必须在14以上,可以去 node官网下载。 2)个人我推

    2024年02月02日
    浏览(48)
  • React Native环境配置搭建(看这一篇就够了!)

    搭建开发环境 · React Native 中文网 https://reactnative.cn/docs/environment-setup 开发平台选择 windows  目标平台选择 Android 准备工作:必须安装的依赖有:Node、JDK 和 Android Studio。 1、安装node  node必须在14以上,可以去 node官网下载,我这里用的是NVM。NVM教程  可以打开cmd,查看当前n

    2024年02月01日
    浏览(56)
  • react native在windows环境搭建并使用脚手架新建工程

    截止到2024-1-11,使用的主要 软件的版本 如下: 软件实体 版本 react-native 0.73.1 react 18.2.0 react-native-cli 2.0.1 Android Studio 2022.3.1 Patch3 Android SDK Android SDK Platform 33 34 Android SDK Android SDK Tools 33 34 Android SDK Intel x86 Atom_64 System Image Android SDK Google APIs Intel x86 Atom System Image node 20.10.0 yarn 1.

    2024年02月02日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包