mac 下android studio 运行React-native项目

本文详细介绍使用Node.js和React Native进行移动应用开发的过程。包括安装Node.js、React Native CLI及Watchman,创建并配置React Native项目,以及如何在Android Studio中运行模拟器和真机测试等关键步骤。
摘要由CSDN通过智能技术生成

1.安装nodejs

https://nodejs.org/en/ 

brew install node

2.安装React Native

 npm install -g react-native-cli

3.安装 watchman (我没有安装时,总是执行失败)

https://facebook.github.io/watchman/

brew install watchman

4.创建项目

(1)react-native init (项目名称)

(2)cd 到本项目的根目录

(3)react-native start (启动,这个启动了,不要随便关闭)

5.将导入到android studio 工具下面

6.模拟器运行就成功了

7.真机运行红屏幕,这时我们摇晃手机,会弹出菜单,选择Dev Settings -> Debug server host & port for device

输入本机地址加端口好,x.x.x.x:8081,ip最好别用localhost代替

第一个项目运行成功注(在把index.js 复制到android项目的assets下)



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值