必看系列之react-native创建、调试、打包

本文档详细介绍了React Native项目的创建、设备调试和打包流程。首先,通过npx命令初始化项目并运行在Android设备上,然后使用USB连接设备,通过Android Studio进行调试。接着,讲解了如何在Android Studio中生成签名APK进行打包,包括创建密钥库和设置相关密码。文章适合有一定编程基础的读者参考。
摘要由CSDN通过智能技术生成

写在前面:这篇文章适用于有一定编程基础的童鞋们,因为我在表达上写的比较简单,希望有基础的童鞋能懂我在说啥。

一、创建项目
1、确保node环境装好,安装android studio,按照官网教程 教程查看
2、新建项目
npx react-native init AwesomeProject
cd AwesomeProject
yarn android
3、只需用 usb 数据线连接到电脑,然后遵照在设备上运行这篇文档的说明操作即可(注意开启 开发者模式,传输文件)
二、设备调试
1、用Usb将设备跟电脑连接
2、在项目下打开命令窗口 输入 yarn android 或者 yarn react-native run-android 来运行项目
3、点 这里下载 debugger插件
在这里插入图片描述
下载后解压:
在这里插入图片描述
运行效果如下:
在这里插入图片描述
4、摇晃设备(摇晃不行就 cmd 打开命令窗口 输入 adb shell input keyevent 82)来打开调试菜单,选择Debug菜单,就可以调试啦。如下:
在这里插入图片描述
三、打包RN项目
(1)在Android Studio 中选中app module,选择菜单栏“Build——Generate signed APK”
在这里插入图片描述
(2)弹出窗口
在这里插入图片描述
(3)创建密钥库及密钥,创建后会自动选择刚创建的密钥库和密钥(已拥有密钥库跳过)
点击“Create new…”按钮创建密钥库 (最好截图记下创建的密钥)
在这里插入图片描述
(4)选择已存在密钥库及密钥(在(3)中创建密钥库后跳过此步骤)
点击“Choose existing…”按钮找到密钥库文件
Key store password输入已选择的密钥库文件的密码
点击Key alias后的“…”按钮,选择或者创建一个密钥
选中“Use an existing key”,在后面的选择框中选择密钥
选中“Create a new key”,创建新的密钥,详见(3)
点击OK按钮
Key passowrd输入选择的密钥的密码
在这里插入图片描述
在这里插入图片描述
(5)开始打包
在这里插入图片描述
(6)生成安装包(发送到手机上即可点击下载安装啦)
在这里插入图片描述
写在最后:这不是完整的RN项目搭建文章,只是把我觉得容易迷糊的地方列出来,不足之处欢迎大家批评指正呀。2021,大家一起冲鸭!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值