最详细的Windows版本搭建安装React Native环境配置

最新推荐文章于 2024-09-29 15:25:37 发布
最新推荐文章于 2024-09-29 15:25:37 发布
阅读量2k 收藏 4
点赞数
分类专栏： react-native 文章标签： react-native windows 安装配置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mybook1122/article/details/78562797
版权
本文详细介绍了在Windows系统下配置React Native开发环境的步骤，包括安装Java、设置SDK环境变量、安装node.js、git、react-native-cli，创建项目，运行调试等关键环节。针对可能出现的问题，如Java虚拟机错误、设备连接等，提供了解决方案。
摘要由CSDN通过智能技术生成

网上大部分的React Native环境搭建的视频和博客都是Mac的，剩下为数不多的windows环境搭建的文章全是坑（博主流泪呀）

1、安装Java

这里需要注意对环境变量的设置，可以根据java -version来检测一下,jdk最好是1.8以上

2、安装SDK

这里需要注意设置环境变量ANDROID_HOME：Android SDK Manager的位置 例如：（ANDROID_HOME=> E:\Android\sdk）设置环境变量PATH：例如：（PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools）

3、设置SDK

打开Android SDK Manager。 
选中以下项目： 
Android SDK Build-tools version 23.0.1 
Android 6.0 (API 23) 
Android Support Repository 
Local Maven repository for Support Libraries 
这里写图片描述

如果你是和博主一样以前就是写安卓Native的，上面的步骤可以之间略过

下面是开始正式的RN环境配置了

4、安装node

这货是基于js的，node.js轻量级的Web服务器，想要是React Native跑起来需要安装node， 如果没有安装node.js，先去官网安装node.js.

下载地址：https://nodejs.org/en/

下载node.js，找好对应的版本，然后去安装就可以了。我安装的是7.7.4版本，你们也可以安装其他的 
大家可以通过node -v的命令来测试NodeJS是否安装成功 

最低0.47元/天 解锁文章
mybook1122
关注
专栏目录
Windows下搭建ReactNative开发环境（Android）
成长之路
03-09 1万+
学习了一段时间ReactNative，最近有空总结一下，同时给正在学习ReactNative的伙伴提供参考，少走弯路。现在网上大部分的教程都是不怎么完善，或者是Mac下的实现，然很多人对ReactNative望而却步，官方的文档也是过于简单，很多问题都没有记录，我经过自己的实践总结，本文主要记录怎么搭建ReactNative环境并且创建一个Hello World（Android）程序。
史上最全Windows版本搭建安装React Native环境配置
点点滴滴
02-26 1181
史上最全Windows版本搭建安装React Native环境配置 http://blog.1ygowu.com ReactNative技术专题
react-native-Windows配置
最新发布
博客
09-29 464
注意：visual studio community需要额外勾选几个包，不然后面项目跑不起来，报错。如下，进入visual studio installer点击修改，在工作负荷下选中修改就行了。创建react-native项目，起个喜欢的名字，然后进入项目目录。建议使用yarn安装，不建议写死版本，依次输入以下代码。这里只分享最基本的，直接运行，第一次运行会花费一些时间。注意：项目路径不可以有中文，不然后面运行又报错。注意：要安装淘宝镜像，要翻墙，不然下不下来。详见步骤二，或者评论区留言。
react-native学习笔记--史上最详细Windows版本搭建安装React Native环境配置
qq_29069777的博客
10-03 338
参考：http://www.lcode.org/react-native/ React native中文网：http://reactnative.cn/docs/0.23/android-setup....
Windows安装react-native
weixin_42262889的博客
03-25 251
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...
Windows下搭建React native开发环境
pursue的博客
06-14 1822
一、环境搭建 react native本地搭建其实就是简单的几步: 1、首先得安装node.js，下载地址：https://nodejs.org/en/，下载最新的，如图： 2、打开cmd运行执行以下命令： npminstall−greact−native−cli成功后reactnative环境就搭建完成了，是不是很简单。可以在命令行输入： npm install -g react-
react native windows 环境搭建
06-07
本文档将详细介绍如何在 Windows 系统上搭建 React Native 的开发环境，包括必要的软件安装和配置过程。 #### 二、搭建开发环境 ##### 1. 安装 JDK - **下载与安装**：首先需要从 Java 官方网站下载适合 Windows ...
VSCode 配置React Native开发环境的方法
08-28
本文介绍了如何使用 VSCode 配置 React Native 开发环境，包括安装 VSCode 和插件、安装 React Native CLI、配置调试环境和 launch.json 文件的配置选项等。遵循本文的指导，您可以轻松地配置 VSCode，以便更好地...
react-native的windows环境安装
huhuhuja
11-25 2448
具体安装步骤文档，可看：https://reactnative.cn/docs/getting-started/ windows下面 实际不需要安装python 1:下载集成环境（yarn安装了 就不用安卓了） npm install -g yarn react-native-cli 2：使用脚手架创建一个项目 react-native init myRN 3：进入项目 cd myRn 4：打开as（android studio ） 启动虚拟机 AVD Manager 5:启动..
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-1-配置windows react开发环境
空
02-21 143
react-1-配置windows react开发环境
Windows搭建 ReactNative 开发环境
好好学习，天天向上
10-20 1456
Windows搭建 ReactNative 开发环境
window下react-native环境配置
菜鸟阿都
05-26 343
概述：需要工具git，nodejs，android sdk java的环境配置完成（在终端验证），并关闭防火墙 1.node下载 https://nodejs.org/en/ 下载（lts）版本后点击安装，会自动配置环境变量，并且npm下载功能也会具有。 2.android sdk下载 官网下载，链接（有点大，1G多，应该可以只下个sdk就好了，没必要全部下） https:...
Windows下React环境搭建
！@#！！@#@！
01-29 609
1.安装Python，下载地址https://www.python.org/，选择"Windows x86-64 executable installer"即可。 (1.)勾选"Add Python x.x to PATH"（备注：x.x为版本号） (2.)点击"Customize installation" (3.)"Optional Features"默认即可,点击"Next" (4....
React Native Windows环境搭建
JohnWong007
09-14 227
Error:Could not initialize class org.codehaus.groovy.runtime.InvokerHelper Install Java SDK version:14 or above. android/gradle/wrapper/gradle-wrapper.propertiesuse grade version6.3or above. vi [Your RN or Flutter Project Folder]\android\gradle\w...
React开发环境配置详细讲解-04
编程是一门实践技术
05-25 2791
1. **nvm**：需要最先安装，用于对node.js解释器进行管理，相当于node.js的版本管理器，因为React开发需要node.js的支持； 2. **node.js**：安装好nvm后就需要安装node.js了，它可以理解为java的jdk；在React开发中可以理解为React的运行环境； 3. **npm**：React开发需要依赖各种不同的三方库，npm就是用于下载不同的三方库用，可以理解为java开发中的maven； > - cnpm：功能同npm，因为npm的库包服务器在国外，下载速
Could not create the Java virtual machine解决
热门推荐
weixin_42031680的博客
07-11 6万+
文章目录报错描述报错截图解决方案一：1.检查自己Idea的jdk版本是否和环境变量配置的一样在控制台输入2.然后输入 where java解决方案二：1.打开Tomcat Edit Configurations2.找到VM options：点击圆圈里的内容。3.在框输输入以下内容 报错描述 Could cot Crate the Java virtual machine 报错截图 解决方案一： 1.检查自己Idea的jdk版本是否和环境变量配置的一样在控制台输入 Java -version 2.然后输
Windows搭建react-native（RN）环境，RN版本0.55，jdk8，node12.2.0,Android Studio
qq_45152044的博客
06-10 4262
Windows搭建react-native（RN）环境，RN版本0.xx，jdk8，node12.2.0,Android Studio，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值