react native搭建流程（从搭建到创建项目）

最新推荐文章于 2025-11-01 12:52:56 发布
原创 最新推荐文章于 2025-11-01 12:52:56 发布 · 1.6k 阅读 · 1
标签
#1024程序员节 #react native #android-studio

确定版本（这里使用的是window环境）

window环境只能搭建安卓的环境

安装依赖

必须安装的依赖有：Node、JDK 和 Android Studio。

Node

官方网址：http://nodejs.cn/
下载网址：http://nodejs.cn/download/
在这里插入图片描述

直接下一步下一步就可以了
在这里插入图片描述
如何检测自己的node是否搭建完毕

node -v

在这里插入图片描述

Java SE Development Kit (JDK)

官方网址：https://www.oracle.com/
下载网址：https://www.oracle.com/java/technologies/downloads/#java11
这里需要注册账号才可以下载

最低0.47元/天 解锁文章
超详细 React Native 入坑使用指南，我在元宇宙等你
qq_15041931的博客
12-19 9398
前言 大家好，我是虚竹，今天给大家分享一下我是如何快速通关打怪搭建 React Native 跨端开发环境，并使用大家非常熟悉的开发工具 VSCode 来编写丝滑般的代码。编写丝滑般代码会再下一篇输出，包括项目实战经验总结和踩坑，如目录架构、函数式编程、React Hook 灵活运用、常见场景、开发调试、发布部署、踩坑、性能优化等等。 之前因为在我的技术群，收到群友@我，问能否出一个保姆级 React Native 搭建开发环境的教程，我说照着官方文档步骤操作即可。可惜事与愿违没那么顺利，流程上繁琐不够清晰
Windows版本搭建安装React Native环境配置及相关问题
GY的的专栏
05-27 1244
React Native
ReactNative进阶（九）build.gradle 配置详解
IT全栈 华强工作室
04-13 5497
Gradle是一个基于JVM的构建工具，其build脚本使用groovy dsl编写。Gradle的核心在于基于Groovy丰富而可扩展的域描述语言(DSLGroovy通过声明性的语言元素将基于声明的构建推向下层，可以按你想要的方式进行组合。一个project里面可以有多个modulemodule可以是，也可以是library。RN项目中，关于gradle该文件分为项目级和模块级两种，用于描述App工程的编译规则。该文件用于描述java代码的混淆规则。
React Native环境配置搭建
jin_mu_yan的博客
05-24 6738
重点来了，一共需要下载的包是1.97G，这个Android Virtual Device包就占了1.44G，走下一步会下载得非常慢，有时候是下载进度一动不动，不过没关系，后面会讲解决方案，先继续走。像下图这样全部勾上，包括Android Virtual Device，Android SDK Location路径也是默认就好(防止后续找不到)，点击 Next 走下一步：（8）这一步是检测到你可以设置系统加速，已经给你推荐2GB，继续点击 Next 走下一步：（9）安装确认，点击 Next。
React Native 创建新项目详细教程
afufufufu的博客
08-16 3900
React Native 创建新项目详细教程
基于ReactNative的项目构建流程
weixin_41480546的博客
05-28 457
整体环境： 1，对于MAC开发机，环境搭建参考资料： https://facebook.github.io/react-native/docs/getting-started.html Building Projects with Native Code： Development OS：macOS Target OS:ios和Android 注：安装jdk不需要在.bash_profile中...
React Native 快速入门指南
最新发布
REDcker的博客
11-01 1679
React Native快速入门指南提供了跨平台移动开发的全面介绍。主要内容包括：环境搭建(Node.js、Android/iOS开发工具安装)、项目结构说明(App.js等核心文件)、应用创建与运行(CLI和IDE两种方式)以及调试技巧(Chrome DevTools)。特别对比了React Native与Flutter等技术特性，突出了其接近原生性能和使用JavaScript开发的优势。指南还详细介绍了如何将React Native集成到现有原生应用中，为开发者提供了从零开始到项目实践的完整路径。
React-Native开发windows环境搭建
memedadexixaofeifei的博客
02-19 286
必须安装的依赖有：Node、Python2、JDK 和 Android Studio。 1、安装react-native指令工具，react-native-cli脚手架 npm i react-native-cli -g 2、创建项目指令： react-native init 项目名称 react-native init FirstApp ...
React Native 开发环境搭建：从零开始
你若盛开，清风自来
04-28 1762
🤍 前端开发工程师、技术日更博主、已过CET6🍨、23年度博客之星前端领域TOP1🕠高级专题作者、打造专栏🍚签约作者、上架课程。
ReactNative进阶（九）build
2401_84447417的博客
04-29 833
如果你打算靠自己摸索自学，那么你首先要了解学习前端的基本大纲，这是你将要学习的主要内容，理解以及掌握好这些内容，便可以找到一份初级的前端开发工作。你还需要有一套完整的前端学习教程，作为初学者最好的方式就是看视频教程学习，初学者容易理解接受。不要选择买书学习，这样的方式没有几个人能学会，基本都是看不下去书，也看不懂书。如果喜欢看书的学弟，可以买一些经典的书籍作为辅助即可，主要还是以看教程为主。每天抽出固定几个小时学习，做好长期学习的准备。
React Native学习笔记（一）
qq_39431405的博客
11-29 2453
1.1、指令创建React Native 有一个内置的命令行界面，你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它，而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目现在ReactNative的项目就创建完成了，我们就用VScode打开,运行项目以及编辑。
react-native 安装react-native-orientation 运行报错
addction的博客
08-29 914
react-native-orientation是一个可以使屏幕横屏的库，但是在安装之后运行就会报错。点击这里就可以进入到报错代码段文件。解决办法:修改为下面的代码。
react-native 创建新的项目
唤起鱼的记忆
11-30 6131
react-native 创建新的项目 一、安装node 1、首先进入node官网，查看下载你所需要对应安装的node版本 node中文网下载链接：node中文网链接 2、打开开始菜单，输入cmd，打开cmd (windows系统直接用win+r快捷键可以快速打开cmd) node -v 查看node版本号，可以知道是否安装node成功 npm -v 查看npm版本号，可以知道安装的npm版本 如下图所示： 二、创建react-native项目 1、react-native init 项目名称（
如何新建一个React Native的项目
致未来的你。的博客
10-18 2934
如果你需要使用复杂的原生功能，或者希望完全掌控项目的原生部分，那么选择是最佳方案。如果你刚刚开始 React Native 开发，或者想快速搭建一个跨平台应用而不需要复杂的原生功能，那么使用Expo是非常方便的选择。
ReactNative系列之三十源码编译出现的问题解决
yeputi_WK的博客
08-07 4200
遇到的错误： Gradle sync failed: Could not get unknown property 'repositoryUrl' for project ':ReactAndroid' of type org.gradle.api.Project. Consult IDE log for more details (Help | Show Log) (1s 199ms) ...
(已解决)react-native android打包出现A problem occurred starting process ‘command ‘npx‘‘
L_jin_c的博客
12-14 2803
一、使用mac电脑打包react native android项目的apk包时出现了问题： Execution failed for task ':app:bundleReleaseJsAndAssets'. > A problem occurred starting process 'command 'npx'' 具体问题可看图： 这个问题说真的，搞了两天，头都大了，百度搜索没有解决方法。。但是发现原来其实是自己太傻。可以看到提示，说的是npx这个命令是有问题的。其实最终问题出现在没有
react-native 在导入android原生库容易遇到的问题
weixin_34358365的博客
10-27 821
在rn开发中,如果遇到了比较特殊的功能,如果没有现成的轮子的话,通常我们需要去链接原生库,并且封装成RN组件提供给js调用,作为前端开发者,通常我们对原生端的报错处理不太懂,在处理和原生功能相关问题时,推荐直接使用android-studio进行开发(项目名->android->app->build.gradle),它可以辅助我们方便的下载第三方库,并且闪退等问题我们可以在lo...
ReactNative依赖库产生的环境问题
danfengw的博客
11-07 3666
1、 * Where: Build file 'D:\ReactNativePro\XXX\node_modules\react-native-languages\android\build.gradle' line: 24 * What went wrong: A problem occurred evaluating project ':react-native-languages'. &g...
reactnative创建项目
weixin_44114524的博客
03-09 445
reactnative创建项目的问题
react-native学习----------Android的Windows搭建
难得糊涂
11-06 2599
序言 开始研究react-native来弄安卓和IOS ^_^~~~.欢迎骚扰:cuiyaonan2000@163.com 参考资料地址:https://reactnative.cn/docs/getting-started.html 环境搭建 Copy官网的一句话~需要选择正确的版本来运行. 我们建议直接使用搜索引擎搜索下载 Node ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值