React Native运行

本文详细介绍如何使用React Native从零开始创建项目、安装依赖、启动服务及在模拟器或真机上运行程序的方法。此外,还介绍了如何通过简单的操作实现程序的热更新,以及如何管理和添加项目的依赖。

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

1、创建/拷贝项目
在cmd控制台(Workspace目录)使用命令react-native init AwesomeProject创建名称为【AwesomeProject】的项目
如果引入的项目是从其他地方拷贝过来的,可能需要安装RN的依赖包,执行命令如下:
cd AwesomeProject
npm install


2、开启服务
在cmd控制台(项目目录)启动RN服务,执行命令如下:
react-native start

3、在模拟器(手机)上运行程序
在cmd控制台(项目目录)启动RN服务,执行命令如下:
react-native run-android

注:直接运行react-native run-android命令,也会再自动启用一个Nodejs的命令行窗口,此窗口执行react-native start命令

4、修改程序后重新加载
模拟器中:双击字母【R】按键
真实手机:摇动手机,在弹出的菜单中点击【Reload】

注:执行react-native start命令的cmd窗口一定要启动,否则找不到服务器无法进行更新


5、package.json文件

此文件用于记录RN工程的依赖包,和maven工程中的pom.xml文件功能类似,使用方法如下:

1)、直接使用cmd窗口进入工程目录,执行npm install --save XXX(XXX是具体插件,例如react-navigation)

2)、直接在package.json文件中添加dependencies,然后执行npm install命令

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值