react Native 环境安装配置——图解版一目了然

最新推荐文章于 2024-10-05 17:21:20 发布
最新推荐文章于 2024-10-05 17:21:20 发布
阅读量725 收藏
点赞数
分类专栏： Web前端 文章标签： 经验分享 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70522035/article/details/124627166
版权
本文提供了一步一步的React Native环境配置指南，包括JDK配置、Android Studio下载安装、ANDROID_HOME环境变量设定，以及Path的更新。通过图文并茂的方式，详细解释了如何在Windows系统上完成React Native项目的启动准备。
摘要由CSDN通过智能技术生成

在这里插入图片描述

然后下面就是JDK环境变量的配置了（为了大家能够看懂我直接图解）需要我们配置的有一下几项

变量名：JAVA_HOME

变量值：C:\Program Files (x86)\Java\jdk1.8.0_91 // 要根据自己的实际路径配置

变量名：CLASSPATH

变量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; //记得前面有个"."

变量名：Path（这是在Path中编辑去新增的）

变量值：%JAVA_HOME%\bin;

变量值：%JAVA_HOME%\jre\bin;

在这里插入图片描述

在这里插入图片描述

最低0.47元/天 解锁文章
m0_70522035
关注
专栏目录
react- native环境安装
weixin_39858291的博客
05-16 429
react-native安装流程 1.npx react-native init AwesomeProject报错 运行 cd ./demo/ios && pod install 即可解决 2.安装JDK （1）brew install adoptopenjdk/openjdk/adoptopenjdk8 运行项目下运行react-native doctor 报错 ✖ JDK Version found: 1.8.0_191 Version supported: >= 8 这个报
【学习笔记】前端（I）—— Vue2（Ⅰ）
Eddie_hyh的博客
04-30 871
前端第一部分：Vue（Ⅰ）
RN 开发环境搭建（Windows For Android）
monkeyfly学前端
08-01 1622
RN 开发环境搭建教程（Windows For Android）
React Native 环境部署 & 新建项目(Windows 2024)
最新发布
m0_48925748的博客
10-05 1068
关于代理：全程基本不用挂，挂了反而容易出错误流程：配置环境 -> 新建项目 -> 修改项目文件(国内) -> 启动资料查找：官网（国内外）、git hub、AI tools、csdn...​​​​​​​。
React Native之配置开发环境
weixin_30289831的博客
09-22 128
安装前注意： 1）在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复： sudo chown -R `whoami` /usr/local 2）如果命令行提示command not found，请加上sudo获得最高权限 一、环境需求 1.1 安装Homebrew ...
React Native环境配置搭建（看这一篇就够了！）
weixin_57909742的博客
01-07 3544
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中Path变量，然后点击编辑。因为他这个链接在我们下载的时候会特别慢，从而导致下载失败，我们可以直接下载好，然后放入我们电脑中，用绝对路径去访问，这样就会解决这个问题。在这里呢，我们不要去下载最新版本，应该下载0.72版本的项目，因为最新版本的启动命令是用不了的，比如它提供的yarn android。然后我们切换到SDK Tools,下载相关的依赖，同上述方法一样，选择完后，点击Apply，来下载。
react Native 环境安装配置——图解版一目了然_些工具目录路径添加进去 platform-tools、emulator、tools
2401_84850485的博客
05-17 1232
利用一点时间去关注了最近比较火爆的两款APP开发语言，分别是Flutte rn（React Native）除此之外小编还总结过一篇关于开发app各语言之间的差距如果感兴趣可以看一下点击访问里面涵盖 原生app、uni-app、react Native、Flutte、wap2app、Sass app等技术的利弊分析。
React Native环境配置搭建（全网最全 没有之一）
summer___cold的博客
01-06 7940
react native android-studio保姆级环境教学
从实战上手把手搞懂JS对象
码工是小希
03-09 1526
马上收藏
2022年Web前端开发流程和学习路线（详尽版）
weixin_47367099的博客
06-13 9344
前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表现形式，都会暴露在前端，而只有部分问题（数据问题、计算问题、安全问题等）暴露在后端，这就意味着前端起到了至关重要的承载和连接作用。前端技术的更新日新月异；前端框架的技术选型百家争鸣；视觉审美的潮流不断更替；可视化效果酷炫无比；用户的运营体系逐渐精细化；适老化、无障碍化、青少年人群的诉求浮出水面；智能设备的升级和适配无穷无尽。所有的这一切，对前端领域和前端同学就一个
React Native安装
了凡
01-16 604
React Native 因为项目上的需求，要调研下React Native，参考 react-native 搭建开发环境 安装 按官网的介绍，先安装node，因为我之前安装过node，导致一直报错，没办法，先把homebrew卸载了，再重新安装 卸载Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.co...
React Native安装步骤
03-13
详细的reactive native安装步骤，希望可以帮助各位网友快速的安装reactive native环境，这是world文档，里面有每一步操作的具体的描述以及必要的步骤截图。
React-nativ windows 环境
Mark_YPQ的专栏
02-04 730
尊重原创，转载自：From Sky丶清（http://www.lcode.org/） 1、安装Java这里需要注意对环境变量的设置，可以根据java -version来检测一下2、安装SDK这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置 例如：（ANDROID_HOME=> E:\Android\sdk）设置环境变量PATH：例如：（PATH=>
React Native 环境配置 (保姆式教程) 2024版Android Studio
qq_45273808的博客
05-14 1184
这个gradle-8.0-all.zip 可以根据自己的JDK版本来下载。官方文档要求了必须要有这三个依赖，关于Android Studio如果不想用它提供的模拟器 可以只单独下载它的SDK即可。在运行这个之前，记得先把模拟器打开 我这边是用的Android Studio 自带的模拟器。安装路径可以自己修改，尽量不要放在C盘，如果你内存多，当我没说。ANDROID_HOME= 这个是安装SDK时候的路径。JAVA_HOME = 这个是按照JDK的路径。都勾选好，然后点Apply去下载就好了。
React native开发环境配置
sOSky
09-20 430
官方的配置文档 这篇文章只是我个人配置过程中遇到问题，希望能留个印象，所以写一篇小记，具体配置流程参考官方文档。首先的是node.js的安装和环境变量的配置。安装不需要多说，下载文件安装过程直接狂点下一步就行了，主要是不要忘记在系统变量path当中添加安装node.js路径。 当然你可以检验你是否安装成功，在命令行输入 node -v ，就会显示出当前node.js 的版本。一般在这里没有什么
react-native环境配置
hahahhahahahha123456的博客
12-31 591
一、Node环境安装 下载地址：http://nodejs.cn/download/ 如果用不到最新特性的话，一般选择稳定版本 但是注意，react-native要求：Node 的版本必须大于等于 10 我们点击 Windows安装包，下载完成后双击打开，一路next，最后install就好 这里推荐将安装路径放在C盘根目录，方便查看内容，当然，个人喜好，也可以默认 到此为止，no...
React Native环境配置搭建
jin_mu_yan的博客
05-24 6112
重点来了，一共需要下载的包是1.97G，这个Android Virtual Device包就占了1.44G，走下一步会下载得非常慢，有时候是下载进度一动不动，不过没关系，后面会讲解决方案，先继续走。像下图这样全部勾上，包括Android Virtual Device，Android SDK Location路径也是默认就好(防止后续找不到)，点击 Next 走下一步：（8）这一步是检测到你可以设置系统加速，已经给你推荐2GB，继续点击 Next 走下一步：（9）安装确认，点击 Next。
react native环境配置
kalinux的博客
02-15 655
参考链接：https://reactnative.cn/docs/next/getting-started.html 1，安装node环境，比较简单略 2，安装python2：参考文章 3，使用npm安装yarn:  但是输入yarn 报错，命令不存在 后经查询知，之前的node版本的8.x太低了，所以在node官网下载了最新版10.x 再次操作命令行成功，可以正常运行yarn和r...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值