创建ReactNative项目

最新推荐文章于 2025-02-13 15:41:49 发布
最新推荐文章于 2025-02-13 15:41:49 发布
阅读量638 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： React Native
>版权声明：本文为延成原创文章，转载请标明出处
本文链接：https://blog.youkuaiyun.com/AliEnCheng/article/details/117567752
这篇博客详细记录了创建React Native项目的过程，从cd到指定文件夹，使用npx初始化项目，到运行yarn ios或npx react-native run-ios，最后成功在iOS模拟器上启动并运行ReactNative应用。

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

1.cd 到需要建立项目的文件夹
2.npx react-native init xx名称

等大概10分钟后出现下图界面

3.cd 到项目的文件夹中 ，执行yarn ios 或 npx react-native run-ios

等待大概3分钟后，出现下图界面

4.Metro服务自动启动，ios模拟器自动启动ReactNative项目成功运行
其它知识：

在这里插入图片描述

从零开始搭建React Native完整原生环境（保姆级）
蜡笔小开心❤的博客
08-16 9872
欢迎使用 React Native！这篇文档会帮助你搭建基本的 React Native 开发环境。
简单到爆，一文读懂React Native 环境搭建与项目创建
最新发布
老猿阿浪的博客
05-15 1018
简单到爆，一文搞懂React Native 环境搭建与项目创建
React-Native项目工程搭建
mapbar_front的博客
01-16 2144
任何一个项目的搭建，都是考验一个程序员的技术功底，而 React-Native 也不例外。同时，搭建一个 React-Native 的项目工程，其实要比普通的 Web 项目更难一些，因为 React-Native 是一个新的体系，基本它的底层机制和 H5 完全不同，无论是本地存储，还是运行环境，都需要我们熟悉它。
如何新建一个React Native的项目
致未来的你。的博客
10-18 2322
如果你需要使用复杂的原生功能，或者希望完全掌控项目的原生部分，那么选择是最佳方案。如果你刚刚开始 React Native 开发，或者想快速搭建一个跨平台应用而不需要复杂的原生功能，那么使用Expo是非常方便的选择。
创建React Native项目
qq_48648782的博客
09-10 878
React Native及项目开启 React Native的产品是真正的手机端原生代码：得益于其特殊的编译环境，可以使用JS来开发项目，最终通过编译环境改变为原生的android或iOS代码 生成项目包：npx react-native init 包名 连接模拟器：步骤顺序非常重要 先开启adb服务器：adb devices 开启模拟器 侦测设备：adb devices 运行，在项目目录下执行：npm run android 或 yarn run android(推荐使用，成功概率高) 把编译成功
reactnative创建项目
weixin_44114524的博客
03-09 376
reactnative创建项目的问题
使用Expo快速创建React Native项目
相信自己，没有攀不过去的高山！
08-15 1078
Expo快速上手，创建一个React Native项目a：android设备运行w：web设备上运行r：重新加载应用s：切换到开发构建模式此时，我们输入a可在Android上运行当前项目。
Ignite:无限红的尖端React Native项目样板-开源
05-13
使用Ignite的开发人员报告说，与React Native项目的开始相比，它平均可以节省两到四个星期的时间！ Ignite应用程序包括开箱即用的坚决技术决策，例如React Native，React Navigation 5，MobX-State-Tree（为什么不...
VSCode搭建React Native环境
11-21
创建的react-native的工程拖入vscode中 点击F5即可运行react-native 此时可能出现 如下界面，这是因为没有配置运行文件 在debug 页面，点击如下位置，添加configurations 然后点击添加配置，选择debug android ...
创建一个新的 React Native 项目
galoiszhou的博客
02-13 372
【代码】创建一个新的 React Native 项目。
React Native 创建新项目详细教程
afufufufu的博客
08-16 3717
React Native 创建新项目详细教程
ReactNative-创建项目
weixin_45621649的博客
02-27 201
1.配置好环境 Java jdk Node Python 2.安装React Native的命令行工具npm install -g react-native 3.初始化项目react-native init 项目名 4.切换到项目根目录中,运行adb devices来确保有设备连接到电脑上 ...
ReactNative创建项目
SkySmile1992的博客
01-23 326
使用 React Native 命令行工具来创建一个名为"MyApp"的新项目： react-native init MyApp 提示：你可以使用–version参数（注意是两个杠）创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。 ...
react-native 创建新的项目
唤起鱼的记忆
11-30 5947
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 开发项目初体验
qq_42072014的博客
07-28 1360
通过本文的介绍，你已经完成了从创建 React Native 项目到实现基本功能的整个过程。React Native 为开发者提供了一种快速构建高质量原生应用的方式，无论你是新手还是经验丰富的开发者，React Native 都是一个值得探索的选择。
React Native 环境部署 & 新建项目(Windows 2024)
m0_48925748的博客
10-05 3355
关于代理：全程基本不用挂，挂了反而容易出错误流程：配置环境 -> 新建项目 -> 修改项目文件(国内) -> 启动资料查找：官网（国内外）、git hub、AI tools、csdn...​​​​​​​。
第一个react native项目
weixin_33895604的博客
12-11 148
github的地址https://github.com/linhaosheng/React_Parse 该App是解析服务器端的json数据然后进行封装，App的内容包括：图片，小说，视频，电影，服务器端只需要下载来了，然后点击运行就可以，使用的是Node.js,需要修改APP的DataResponsitor中的访问服务器端的IP地址即可运行了服务...
React Native 模板项目搭建教程
gitblog_00873的博客
08-16 975
React Native 模板项目搭建教程 1. 项目目录结构及介绍 react-native-template/ ├── android/ # Android平台相关代码 │ └── app/ # Android应用主模块 ├── ios/ # iOS平台相关代码 ├── node_modules/ # 依赖包 ├── ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值