React Native Windows下搭建React Native开发环境

最新推荐文章于 2022-10-20 11:20:23 发布
最新推荐文章于 2022-10-20 11:20:23 发布
阅读量535 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： React Native 文章标签： windows android native node.js react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Seekf_Dream/article/details/78003419
本文档详细介绍了如何在Windows环境下搭建ReactNative开发环境。前提条件是已经完成了Android环境的搭建。文中提供了Node.js的安装步骤及验证方法，并指导如何安装ReactNative及其验证方式。此外还强调了设置环境变量的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Windows下搭建React Native环境

前提是Android环境已经搭建完成

工具

  • Node.js (node-v6.11.3-x64.msi)

安装步骤

1、安装Node.js

根据上面的.msi安装，安装完成后，windows系统会自动添加node相关工具的环境变量

判断是否安装成功:
执行命令:node -v

安装成功，则有如下提示:
这里写图片描述

2、安装React Native

执行命令:npm install -g react-native-cli

判断是否安装成功:
执行命令1:react-native -v
执行命令2:react-native -h

安装成功，则有如下提示:
这里写图片描述

核对环境变量

  • java环境变量
  • Android环境变量
  • Node环境变量

示例:
这里写图片描述

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开发环境搭建
最新发布
m0_56344834的博客
11-02 2898
React是一个构建用户界面的JS框架，实现了数据的响应式和组件化开发，本身既可以用于Web网站项目，也可以用于创建移动端App项目。相较于Vue.js在移动端只能构建WebApp，React生态系统中有一个可以构建“真正原生App”的扩展 —— React Native，可以这样说：“RN是React生态圈可以傲视其它对手的绝对功臣”。
Windows下搭建React Native开发环境
src_linux的博客
07-09 243
1.Chocolatey需要以管理员的身份来运行命令提示符窗口, Win10开始菜单->鼠标右键->Windows PowerShell(管理员)@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolat...
Windows搭建 ReactNative 开发环境
好好学习，天天向上
10-20 1601
Windows搭建 ReactNative 开发环境
windows上搭建react native环境
weixin_33985507的博客
04-04 187
一、配置环境 1.准备相关资源 AndroidStudioAndroid开发集成开发环境（推荐下载含SDKtools版） JDKforWindowsJava Develop Kit（java开发工具） Nodejsnodejs环境 2.ReactNative环境配置步骤 1) 使用npm安装ReactNative 在...
Windows搭建react-native（RN）环境，RN版本0.55，jdk8，node12.2.0,Android Studio
qq_45152044的博客
06-10 4509
Windows搭建react-native（RN）环境，RN版本0.xx，jdk8，node12.2.0,Android Studio，
react native windows 环境搭建
06-07
### React Native for Windows 开发环境搭建指南 #### 一、概述 React Native 是 Facebook 推出的一款用于构建原生移动应用的框架，它允许开发者使用 JavaScript 和 React 构建 iOS 和 Android 应用。本文档将详细...
VSCode 配置React Native开发环境的方法
08-28
VSCode 配置 React Native 开发环境的方法 在本文中，我们将重点介绍如何使用 VSCode 配置 React Native 开发环境。该文章将指导您一步步地配置 VSCode，以便更好地开发 React Native 应用程序。 知识点一：安装 ...
React Native 搭建开发环境的方法步骤
08-29
React Native 搭建开发环境的方法步骤 React Native 是一个基于 React 的框架，用于构建跨平台的移动应用程序。为了开始使用 React Native 开发应用程序，需要先搭建开发环境。本文将详细介绍 React Native 搭建...
React Native 环境搭建的教程
08-29
在本篇文章中，我们将详细介绍 React Native 环境搭建的教程，帮助大家快速上手 React Native 开发。 环境搭建 要搭建 React Native 环境，需要安装 Node、Watchman、Yarn 和 RN 命令行工具。推荐安装 react-...
在Windows下搭建React Native Android开发环境
charming的专栏
05-16 2393
一、安装JDK 二、安装Android SDK 三、安装C++环境 网上很多以前的资料（其实就是那一份）都说安装Visual Studio 2013或2015，编译node.js的C++模块时需要用到。这里我没安装，我的系统是win7，好像win7自带了编译C++的工具,然后之前安装过了c-free这个软件，又考虑到电脑承受能力，所以没就安装大的软件。等后面有问题了再说。事实在后面没有出现
Windows下搭建ReactNative开发环境（Android）
成长之路
03-09 1万+
学习了一段时间ReactNative，最近有空总结一下，同时给正在学习ReactNative的伙伴提供参考，少走弯路。现在网上大部分的教程都是不怎么完善，或者是Mac下的实现，然很多人对ReactNative望而却步，官方的文档也是过于简单，很多问题都没有记录，我经过自己的实践总结，本文主要记录怎么搭建ReactNative环境并且创建一个Hello World（Android）程序。
最详细的Windows版本搭建安装React Native环境配置
ＺＥＥＧＡＴＥＳ的博客
05-23 890
版权声明：本文为博主原创文章，未经博主允许不得转载。 目录(?)[+] 最详细的Windows版本搭建安装React Native环境配置 网上大部分的React Native环境搭建的视频和博客都是Mac的，剩下为数不多的windows环境搭建的文章全是坑（博主流泪呀） 1、安装Java 这里需要注意对环境变量的设置，可以根据Java -ve
React Native开发一 webstorm搭建React Native开发环境
热门推荐
带你装逼带你飞的专栏
12-16 2万+
1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +
window10搭建react-native开发环境——搭配夜神模拟器
“创造之”的博客
10-07 1450
因为开发需要要在自己的台式机上搞个react-native环境开发app，折腾了好一会儿，觉得有很多细节还是要记一下。 首先说明，本人使用的是react-native-cli插件思路，搭建所有的环境第一步就应该（强烈建议）查阅官方文档教程（先查一下，没有再论），不建议在网上找个人教程来看，大家说的参差不齐，有时很容易越搞越麻烦，基本情况官方都不会吝啬文档，其好处就是全面，保鲜，所以先刀react-...
Windows下搭建react-native开发环境
mortal_li的博客
03-02 2429
最近公司没有什么事情,所以决定研究一下react-native.react-native是Facebook研发的一种用于移动端研发hybrid app 的技术(研究的不深,目前只知道这个作用),那么对于react-native的环境搭建却是有些复杂.那么对于刚刚完成环境搭建的我来说,赶紧把这个过程记录下来,等忘记的时候拿出来阅览一下.好了,废话不说了,进入正题.第一步,我们需要安装各种软件:1,n...
Windows系统下React Native开发环境搭建教程
qq_35307549的博客
06-12 3871
    虽然网上有很多React Native开发环境的搭建教程，但是自己爬过了坑之后还是想和大家一起分享。话不多说，我们上干货。    一、node.js的下载    首先，我们需要下载版本较新的node.js，去官网下载最新的node.js我们直接下载后缀是.msi的文件，下载后直接点击运行即可。注意，安装的目录中不要有中文，以防出现不必要的麻烦。这里是下载的官网链接（http://nodej...
React Native 在 windows 下的开发调试
bigsea622的专栏
02-07 1192
用Android真机调试： 设置开发者USB调试不赘述，不会的请自行搜索。 cmd命令行或Cygwin输入 adb devices  查看是否有设备。 运行RN项目时，手机和电脑USB连接并且电脑和手机设备在同一个Wifi网络环境下。 输入 react-native run-android 期间会弹出 node 命令窗口，不用管，跑日志的。 跑不起来请查相
Windows下搭建React native开发环境
pursue的博客
06-14 1864
一、环境搭建 react native本地搭建其实就是简单的几步: 1、首先得安装node.js，下载地址：https://nodejs.org/en/，下载最新的，如图： 2、打开cmd运行执行以下命令： npminstall−greact−native−cli成功后reactnative环境就搭建完成了，是不是很简单。可以在命令行输入： npm install -g react-
Windows环境下搭建React Native开发环境
"这篇文档主要介绍了如何在Windows操作系统上搭建React Native开发环境，适用于想要进行Android平台开发的用户。" 在Windows上搭建React Native (RN) 环境需要完成一系列步骤，首先需要安装必要的软件和工具。以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值