react-native移动app开发指南(二)构建第一个react-native项目

本文介绍了如何利用create-react-native-app和expo工具快速构建react-native项目,无需安装安卓或iOS编译环境。通过终端命令初始化项目,然后通过手机expo应用扫描二维码或输入URL运行项目,确保设备在同一WiFi下。也可使用expo电脑客户端同步运行。在修改app.js后,启用hot reload实现代码热重载。
摘要由CSDN通过智能技术生成
一,构建react-native项目

本文使用的是create-react-native-app 和 expo 工具来新建打包react-native项目,这两个工具的结合使用突破了操作系统的限制,使我们能够不安装安卓和ios的编译环境就能够进行rn应用的开发。

首先,我们在终端进入放置项目的目录执行以下命令

create-react-native-app 项目名称

经过一段漫长时间的项目初始化,出现如下信息就说明项目初始化成功了,


按照指示用执行如下命令:

cd my_demo && yarn start
当出现一个巨大的二维码时就说明运行项目成功了,这时候就可以进行运行调试了,


打开手机的里的expo软件,扫描这个二维码或者把URL复制到expo里,也能够执行该项目,要确保手机和电脑处于同一WiFi网络下,否则会报错。

第二种运行rn的方式是使用expo电脑客户端,要确保手机端和电脑端的expo

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值