Windows10下搭建ReactNative开发环境

最新推荐文章于 2024-08-08 15:44:09 发布
置顶 最新推荐文章于 2024-08-08 15:44:09 发布
阅读量842 收藏
点赞数
分类专栏： ReactNative 文章标签： ReactNative
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crelaber/article/details/51578497
版权
本文详细介绍了在Windows10下搭建ReactNative开发环境的步骤，包括安装nodejs、git、android SDK、Windows10 SDK、C++ builder Tools，以及配置环境变量。在ReactNative实践部分，讲解了如何安装React-native-cli、创建新项目和运行项目，解决可能出现的网络和编译问题。最后，列出安装过程中可能遇到的问题及参考链接。
摘要由CSDN通过智能技术生成

前言

最近花了很多时间在研究ReactNative，在网上参考了很多的资料如何来搭建ReactNative开发环境，但是总是无法在windows10系统下搭建成功，几经周折，最后终于完成了环境的搭建，因此记录下来


需要安装的软件

1、nodejs
2、git
3、android sdk
4、Windows10 SDK （这个是很多教程上没有的环境，因此可能会报很多莫名奇妙的编译错误）
5、C++ builder tools

根据上面的软件要求我们一步步的来进行ReactNative开发环境的搭建

安装nodejs

版本：官网最新stable版本，我这里是4.45

下载链接：https://nodejs.org/dist/v4.4.5/node-v4.4.5-x64.msi

安装步骤：根据msi文件的安装提示一步步的完成

运行：在cmd中输入node -v，可以看到如下的效果

blob.png

安装git

版本：官网最新版本

下载地址：https://git-scm.com/download/win

安装步骤：根据下载的exe文件一步步的提示进行安装完成

运行：在cmd中输入git，可以看到如下的效果

blob.png

安装android sdk

第一步，软件下载

最低0.47元/天 解锁文章
maincrelaber
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native 搭建开发环境
未金涛的博客
03-28 232
title: React Native 搭建开发环境 tags: React Native 搭建开发环境 install 安装 React Native 搭建开发环境 react native 官方参考 JDK Java SE Development Kit (JDK)官网 Java SE Development Kit (JDK)下载地址 https://download.oracle.com/otn/java/jdk/8u281-b09/89d678f2be164786b292.
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项目的环境搭建-win10/android
泊一的博客
07-25 689
文章目录参考文档安装环境介绍Node安装JDK安装安装配置检验Andriod环境配置下载Android Studio安装 Android SDK安装模拟器配置 ANDROID_HOME 环境变量创建项目遇到的问题 参考文档 官方文档 安装环境介绍 操作系统:Windows 10 家庭中文版 安装依赖：Node、JDK、Android 环境 Node安装 下载地址：https://nodejs.org/zh-cn/ 下载msi,会帮你配置环境变量，一路默认安装就好，就是node包下载时间较长 JDK安装
React Native开发环境搭建
滴水穿石，不断积累！
09-25 587
https://reactnative.cn/docs/getting-started.html 搭建开发环境 本文档贡献者：sunnylqm(100.00%) 欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。如果你已经搭好了环境，那么可以尝试一下编写 Hello World。 完整原生环境   简易沙盒环境 Follow the...
React-Native 开发环境搭建
学习笔记
02-22 892
React-Native 开发环境搭建 一、安装 AndroidStudio，安装 JDK, Android SDK 二、设置 path 添加 ANDROID_HOME = F:\Android\ 给 Path 添加 F:\Android\platform-tools 三、新建一个 React Native 项目 1. 新建一个 DemoApk 项目 npx react-native init DemoApk 2. 启动 Metro npx react-native start 3. 启动程序 npx
使用Win10+Android+夜神安卓模拟器,搭建ReactNative开发环境
08-26
在本文中，我们将详细介绍如何在Windows 10操作系统上，结合Android环境和夜神安卓模拟器来搭建React Native开发环境。React Native是一个流行的JavaScript框架，它允许开发者使用JavaScript和React来构建原生移动...
react native windows 环境搭建
06-07
### React Native for Windows 开发环境搭建指南 #### 一、概述 React Native 是 Facebook 推出的一款用于构建原生移动应用的框架，它允许开发者使用 JavaScript 和 React 构建 iOS 和 Android 应用。本文档将详细...
windows环境下Android的ReactNative开发环境搭建
08-18
windows环境下Android的ReactNative开发环境搭建
初探React-native - 搭建开发环境
weixin_39182097的博客
03-21 618
搭建 react-native 开发环境记录[windows]
搭建React Native开发环境
dear_Wally的博客
02-24 3590
1、参考搭建开发环境 · React Native 中文网 2、安装依赖 必须安装的依赖有：Node、JDK 和 Android Studio 2.1、安装Node 安装包下载地址下载 | Node.js注意 Node 的版本应大于等于 12 下载node对应版本的安装文件，直接安装即可，安装完成之后。打开命令行，输入node --version 能够显示版本时，说明安装成功。 如果提示找不到该命令，可能是环境变量没有添加。把Node安装目录添加到环境...
搭建开发环境 React Native （windows android）
平平无奇的博客
07-15 366
搭建开发环境 react native安装依赖PythonJavaAndroid Studio 安装依赖 必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio。 虽然你可以使用任何编辑器来开发应用（编写 js 代码），但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。 Nod...
React Native开发环境搭建——window
张平的专栏
07-03 343
适用对象：有过一定Android开发基础的人员，最起码知道什么是SDK及会配置SDK（不会的可以百度下，不作为本文重点）工具准备 Git下载https://git-scm.com/download/win Node.js 配置SDK——ANDROID_HOME环境变量设置全局使用指定镜像（阿里云数据共享平台）——更快速找到git安装目录，打开git-cmd.exe 执行 npm config se
React Native基础与入门（一）--搭建开发环境
03-04 1068
什么是React Native？React Native是Facebook开源的一套用于开发移动端跨平台App的技术框架，其代码托管在GitHub上，目前已有一千多名参与者向它贡献代码。GitHub地址为：https://github.com/facebook/react-nativeWindow平台搭建React Native开发环境需要安装的工具Note.jsReact Native Comm
react Native 部署配置开发环境
最新发布
weixin_43737733的博客
08-08 1023
需要环境：javaSdk（官方推荐jdk11）node（确保它是 Node 16 或更高版本）1。安装下载Android Studio ，在安装导向中，确保选中2.安装Android SDK默认情况下，Android Studio 会安装最新的 Android SDK。但是，使用原生代码构建 React Native 应用特别需要 SDK。可以通过 Android Studio 中的 SDK 管理器安装其他 Android SDK。
ReactNative环境搭建
laiyue2014的博客
07-03 1532
1.javaJdk和jre安装，如下图，安装以后。 2.环境变量配置，新建环境变量：JAVA_HOME 值为：C:\Program Files\Java\jdk1.8.0_73。 path添加: %JAVA_HOME%\bin;%JAVA_HOME%\jre; 命令窗口测试：javac,java 3.AndroidStudio安装。AndroidSDK安装 ...
React Native环境配置搭建
jin_mu_yan的博客
05-24 5861
重点来了，一共需要下载的包是1.97G，这个Android Virtual Device包就占了1.44G，走下一步会下载得非常慢，有时候是下载进度一动不动，不过没关系，后面会讲解决方案，先继续走。像下图这样全部勾上，包括Android Virtual Device，Android SDK Location路径也是默认就好(防止后续找不到)，点击 Next 走下一步：（8）这一步是检测到你可以设置系统加速，已经给你推荐2GB，继续点击 Next 走下一步：（9）安装确认，点击 Next。
WIN10下搭建react-native开发Android环境
TaoLand
08-12 535
最近公司要求使用react-native进行移动端开发，据说macOS上开发坑会少的多，但我们是windows，莫法，直接抗吧！周末配置环境遇到很多问题，谨以此文做个记录。。。 准备 安装Chocolatey Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get 以管理员的身份来运行命令提示符 打开C盘里的Wind...
Windows环境下搭建React Native安卓开发环境及Hello World
本文主要介绍了如何在Windows操作系统上搭建React Native开发环境，并在虚拟机上启动第一个"Hello World"项目。React Native是由Facebook推出的开源框架，允许开发者使用JavaScript技术进行跨平台的移动应用开发，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值