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

最新推荐文章于 2024-04-19 23:35:36 发布
最新推荐文章于 2024-04-19 23:35:36 发布
阅读量415 收藏
点赞数
分类专栏： React Native 文章标签： windows android native node.js react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seekf_dream/article/details/78003419
版权

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环境变量

示例:
这里写图片描述

RamboTong
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react native windows 环境搭建
06-07
在windows搭建RN环境
Windows搭建react-native（RN）环境，RN版本0.55，jdk8，node12.2.0,Android Studio
qq_45152044的博客
06-10 3796
Windows搭建react-native（RN）环境，RN版本0.xx，jdk8，node12.2.0,Android Studio，
Windows下搭建React native开发环境
pursue的博客
06-14 1795
一、环境搭建 react native本地搭建其实就是简单的几步: 1、首先得安装node.js，下载地址：https://nodejs.org/en/，下载最新的，如图： 2、打开cmd运行执行以下命令： npminstall−greact−native−cli成功后reactnative环境就搭建完成了，是不是很简单。可以在命令行输入： npm install -g react-
window10搭建react-native开发环境——搭配夜神模拟器
“创造之”的博客
10-07 1343
因为开发需要要在自己的台式机上搞个react-native环境开发app，折腾了好一会儿，觉得有很多细节还是要记一下。 首先说明，本人使用的是react-native-cli插件思路，搭建所有的环境第一步就应该（强烈建议）查阅官方文档教程（先查一下，没有再论），不建议在网上找个人教程来看，大家说的参差不齐，有时很容易越搞越麻烦，基本情况官方都不会吝啬文档，其好处就是全面，保鲜，所以先刀react-...
史上最详细Windows版本搭建安装React Native环境配置
大船
11-25 687
说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X系统的环境搭建以及配置，鉴于各大群里有很多人反应在Windows环境搭建出现各种问题，今天就特意更新一贴来说明。
在Windows下搭建React Native Android开发环境
charming的专栏
05-16 2324
一、安装JDK 二、安装Android SDK 三、安装C++环境 网上很多以前的资料（其实就是那一份）都说安装Visual Studio 2013或2015，编译node.js的C++模块时需要用到。这里我没安装，我的系统是win7，好像win7自带了编译C++的工具,然后之前安装过了c-free这个软件，又考虑到电脑承受能力，所以没就安装大的软件。等后面有问题了再说。事实在后面没有出现
React Native 搭建开发环境的方法步骤
08-29
本篇文章主要介绍了React Native 搭建开发环境的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
windows环境下Android的ReactNative开发环境搭建
08-18
windows环境下Android的ReactNative开发环境搭建
React Native 环境搭建的教程
08-29
本篇文章主要介绍了React Native 环境搭建的教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VSCode 配置React Native开发环境的方法
11-29
本文介绍了VSCode 配置React Native开发环境的方法，分享给大家，具体如下： 1.安装VSCode 2.安装插件 按F1 并输入 ext install 并回车, 或者使用 输入react-native安装React Native Tools 假定你已经在设备上...
Windows系统下React Native开发环境搭建教程
qq_35307549的博客
06-12 3665
    虽然网上有很多React Native开发环境的搭建教程，但是自己爬过了坑之后还是想和大家一起分享。话不多说，我们上干货。    一、node.js的下载    首先，我们需要下载版本较新的node.js，去官网下载最新的node.js我们直接下载后缀是.msi的文件，下载后直接点击运行即可。注意，安装的目录中不要有中文，以防出现不必要的麻烦。这里是下载的官网链接（http://nodej...
React Native 在 windows 下的开发调试
bigsea622的专栏
02-07 1086
用Android真机调试： 设置开发者USB调试不赘述，不会的请自行搜索。 cmd命令行或Cygwin输入 adb devices  查看是否有设备。 运行RN项目时，手机和电脑USB连接并且电脑和手机设备在同一个Wifi网络环境下。 输入 react-native run-android 期间会弹出 node 命令窗口，不用管，跑日志的。 跑不起来请查相
React Native开发一 webstorm搭建React Native开发环境
热门推荐
带你装逼带你飞的专栏
12-16 2万+
1 前言最近打算真的开始学习一下跨平台APP开发，一直在关注RN，因此也打算真的开始学习下(其实是笔者的公司也开始有这种跨平台的需求了，笔者在一家传统公司)。最后开始打算从RN开始学起。废话不多说，开始搞起。2 基于webstorm的RN环境搭建本次开发采用的环境为windows10+webstorm2017.3+安卓开发环境 需要的开发环境主要有node.js + react native +
Windows下搭建React Native开发环境
src_linux的博客
07-09 184
1.Chocolatey需要以管理员的身份来运行命令提示符窗口, Win10开始菜单->鼠标右键->Windows PowerShell(管理员)@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolat...
最详细的Windows版本搭建安装React Native环境配置
ＺＥＥＧＡＴＥＳ的博客
05-23 828
版权声明：本文为博主原创文章，未经博主允许不得转载。 目录(?)[+] 最详细的Windows版本搭建安装React Native环境配置 网上大部分的React Native环境搭建的视频和博客都是Mac的，剩下为数不多的windows环境搭建的文章全是坑（博主流泪呀） 1、安装Java 这里需要注意对环境变量的设置，可以根据Java -ve
Windows下搭建ReactNative开发环境（Android）
成长之路
03-09 1万+
学习了一段时间ReactNative，最近有空总结一下，同时给正在学习ReactNative的伙伴提供参考，少走弯路。现在网上大部分的教程都是不怎么完善，或者是Mac下的实现，然很多人对ReactNative望而却步，官方的文档也是过于简单，很多问题都没有记录，我经过自己的实践总结，本文主要记录怎么搭建ReactNative环境并且创建一个Hello World（Android）程序。
Windows下搭建react-native开发环境
mortal_li的博客
03-02 2292
最近公司没有什么事情,所以决定研究一下react-native.react-native是Facebook研发的一种用于移动端研发hybrid app 的技术(研究的不深,目前只知道这个作用),那么对于react-native的环境搭建却是有些复杂.那么对于刚刚完成环境搭建的我来说,赶紧把这个过程记录下来,等忘记的时候拿出来阅览一下.好了,废话不说了,进入正题.第一步,我们需要安装各种软件:1,n...
完美解决多种情况下的 java.lang.NullPointerException 的异常
念兮为美
04-17 230
完美解决多种情况下的 java.lang.NullPointerException 的异常
45、二叉树-二叉树的右视图
最新发布
qq_29434541的博客
04-19 274
【代码】45、二叉树-二叉树的右视图。
react native环境搭建
05-05
在开始 React Native 开发之前，需要先搭建相应的开发环境。下面是 React Native 环境搭建的步骤： 1. 安装 Node.js 和 npm React Native 使用 Node.js 和 npm 进行构建和管理依赖。可以从 Node.js 官网下载对应...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值