windows10搭建reactnative，运行android全过程

最新推荐文章于 2025-06-09 17:58:20 发布
原创 最新推荐文章于 2025-06-09 17:58:20 发布 · 1.1k 阅读 · 16 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react native #android #react.js

环境描述

win10,react-native-cli是0.73，nodeJS是20，jdk17。这都是完全根据官网文档配置的。react-native环境搭建windows。当然官网文档会更新，得完全按照配置来安装，避免遇到环境不兼容情况。

安装nodeJS并配置

这里文档有详细说，就不介绍了，安装也很简单，一直下一步就行了。安装完可以在cmd执行node -v检查一下版本。
在这里插入图片描述

在这里插入图片描述

安装JDK

安装步骤也很简单，直接官网下载跟系统匹配，并且跟react-native版本匹配的msi文件安装。并且配置环境变量，Path也要配置。配置完之后重新打开cmd,执行javac -version看一下有没有配置成功。
在这里插入图片描述
在这里插入图片描述

android开发环境

  1. 首先安装一个android stud
最低0.47元/天 解锁文章
Bessicxie
关注
Android之Windows下搭建React Native Android开发环境（差不多搞了一天）
码莎拉蒂
10-27 2万+
最新情报 0.12已经发布。很多原本需要手动修改BUG的部分很多已经不再需要。 安装JDK 从Java官网下载JDK并安装。请注意选择x86还是x64版本。 推荐将JDK的bin目录加入系统PATH环境变量。 安装Android SDK 可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Andr
在Windows下搭建React Native Android开发环境
xiangzhihong8的专栏
08-15 2854
安装JDK 从Java官网下载JDK并安装。请注意选择x86还是x64版本。 推荐将JDK的bin目录加入系统PATH环境变量。 安装Android SDK 可以单独安装Android SDK，也可以通过Eclipse ADT或者Android Studio一并安装。推荐使用Android Studio，以下说明会默认以Android Studio的方式说明。请注意选择x8
React-Native-Windows 开发环境
MichaelMCFD的博客
05-15 1258
网上关于react-native-windows的踩坑好少，所以自己摸索着看看吧。
React Navite环境搭建
qq_25416827的博客
03-10 1356
在 SDK Manager 中选择"SDK Platforms"选项卡，然后在右下角勾选"Show Package Details"。展开"Android SDK Build-Tools"选项，确保选中了 React Native 所必须的33.0.0版本。你可以同时安装多个其他版本。你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径，具体是。打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量，选中。
Windows10 下搭建React Native开发环境(图文超详细)
战丶后风！！的博客
07-18 1万+
文章目录1、资源准备2、Jdk安装配置3、Node安装配置4、Python安装配置5、Android SDK配置6、VirtualBox 安装配置7、Genymotion安卓模拟器安装配置8、创建测试项目并运行到模拟器9、GRADLE环境配置10、到此全部配置完成，==有任何问题请留言评论、篇幅过长感谢阅读。== 1、资源准备 链接：https://pan.baidu.com/s/1-coHQ0...
react native windows 搭建（完整版）
weixin_30699443的博客
02-20 207
声明：用windows 搭建的react native只能开发安卓应用 1.准备安装java jdk，以及Android SDK 传送门：java JDK Android SDK(自行寻找) a.设置java的系统环境变量：java_home(指向jdk目录) path（指向jdk bin目录） classpath：.;%java_home%\lib\dt.jar;%java...
React Native 开发环境搭建（全平台详解）
最新发布
zimin的专栏
06-09 1886
在开始使用 React Native 开发移动应用之前，正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南，涵盖 macOS 和 Windows 平台的配置步骤，如何在 Android 和 iOS 的模拟器或真机上运行应用，以及 Expo CLI 和 React Native CLI 的详细对比。此外，我们还将总结常见错误及其解决方案，帮助你顺利完成环境搭建。本文的目标是让无论是初学者还是有经验的开发者都能轻松上手 React Native 开发。
（小白入门）Windows环境下搭建React Native Android开发环境
qq_35969549的博客
07-24 669
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物，目前支持iOS和Android两大平台。 RN的环境搭建在RN的中文社区有所介绍，但是对于小白来说还是有些太过简略了。RN中文社区详见参考，本文不涉及的问题也许在其中能够有所解答。 React Native思想 ...
从零开始搭建React Native完整原生环境（保姆级）
蜡笔小开心❤的博客
08-16 1万+
欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。
【React Native开发】React Native For Android环境配置以及第一个实例(1)
热门推荐
江清清的专栏
01-04 2万+
(一)前言                FaceBook早期开源发布了React Native For IOS,终于在2015年9月15日也发布了ReactNative for Android,虽然Android版本的项目发布比较迟，但是也没有阻挡了广大开发者的热情。可以这样讲在2015年移动平台市场上有两个方向技术研究比较火，第一种为阿里，百度，腾讯，携程，360等一线互联网公司的插件化，热修
react-native-windows：使用React构建本机Windows应用程序的框架
02-05
适用于Windows的React Native 使用React构建本机Windows应用程序。 有关的介绍，请参见官方。 是Facebook开发的框架，使您能够使用基于JavaScript和的一致开发人员体验在本机平台上构建世界一流的应用程序体验。 React Native的重点是在您关心的所有平台上提高开发人员的效率-学习一次，随处编写。 该存储库增加了对支持，该支持使您能够为包括PC，平板电脑，二合一设备，Xbox，混合现实设备等）构建应用程序。 访问的官方以了解更多信息。 内容 现状和路线图 如果您想了解React Native for Windows的最新状态，，并查看当前和
在Windows下搭建React Native Android开发环境，2021腾讯Android面试题精选
m0_65146387的博客
12-12 561
react-native init MyProject 这里需要耐心等待几分钟，使网络情况而定。这里MyProject是随便取的，执行上面的命令后，在我的MyProject目录下生成了MyProject目录，这个目录包含了整个项目的文件，初始化成功后在命令行最后会显示下面的信息 六、运行package 上面init之后，我们可以运行react-native run-android命令，如果成功的话，可以将应用安装到真机或模拟器，我这里使用的是真机。但是安装之后可能什么也显示不了，还会有一些错误信息。这是
react-native(windows)环境搭建
不被嘲笑的梦想不值得实现！
11-03 885
react-native从Hello World开始。
reactnative环境搭建-windows
weixin_44114524的博客
06-14 1414
win10安装react native环境经验
首次运行react-native在android中
8月13日
08-12 291
首次运行react-native在android中 首先电脑上要安装npm,java(jdk),python，具体的配置我以前的教程有 在准备工作都准备结束后，新建一个文件夹，比如my001 打开my001，在终端中运行react-native init my001 安卓机：cd my001 然后打开android studio 将my001中的android这个文件夹拖入到android st...
React Native 执行 react-native run-android 运行报错
weixin_45077505的博客
10-18 1264
如图，在执行react-native run-android 的时候 运行报错， 后来想了一下是不是因为中英文的问题，，，就把文件夹名字换了一下，然后就编译成功了
Windows安装react-native
weixin_42262889的博客
03-25 310
brew install node #node -v brew install watchman #watchman -v java 8的安装：卸载 安装node 安装python2 npm设置镜像： npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://n...
WIN10下搭建react-native开发Android环境
TaoLand
08-12 602
最近公司要求使用react-native进行移动端开发，据说macOS上开发坑会少的多，但我们是windows，莫法，直接抗吧！周末配置环境遇到很多问题，谨以此文做个记录。。。 准备 安装Chocolatey Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get 以管理员的身份来运行命令提示符 打开C盘里的Wind...
windows10下，配置react-native环境并在夜神中运行
ikceo1211的博客
09-22 4857
  开门见山，从win10中运行安卓版本的react-native，从0到1，笼统地步骤可以分为以下几点：   1.配置android环境，配置android sdk；   2.配置react-native环境   3.配置安卓模拟器   4.运用cmd，在安卓模拟器中运行react-native应用。      下面就开始从山上的石头慢慢的说一下配置步骤：    1.配置安卓环境，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值