Android studio 启动 react-native 项目
程序员文章站
2022-07-02 10:33:04
第一次使用Android studio运行react-native开发的App,不知道怎样去启动项目失败方式以下均失败:1、在项目目录下执行:react-native run-android2、在项目目录下执行:react-native start3、在Android studio中点击运行按钮前两个无法连接模拟器,最后一个运行报错正确方式......
场景描述:
- 项目框架:react-native
- 开发工具:VScode
- build工具:Android studio
- 模拟器:夜神模拟器
使用 VScode 编辑器开发 react-natice 混合App,不能独立使用 VScode 完成,需要借助 Android studio 下载和安装安卓相关的依赖
1、使用react-native工具创建项目
打开 cmd,执行创建命令
react-native
2、使用Android studio安装相关依赖
项目创建完成之后,使用Android studio打开项目,打开之后会自动进行 build,build需要等待,成功之后可以进行下一步
3、连接模拟器
模拟器连接操作可以在Android studio中进行,也可以在VScode中进行,还可以在cmd中进行
运行项目之前需要连接模拟器,使用Android studio自带的adb工具进行连接,连接命令如下
adb connect 127.0.0.1:62001
可以使用 adb devices
查看连接状态,如果由于端口被占用导致连接失败,可以执行 adb kill-server
,再次重试
4、在VScode中安装调试工具
运行之前需要安装react-native调试工具
安装成功之后,在下图所示区域进行运行
5、在VScode中运行项目
打开终端,执行命令。在这个过程中,项目会自动在模拟器中进行安装和运行
react-native run-android
或者在1.4中第二张图片位置进行运行
本文地址:https://blog.csdn.net/qq_41956139/article/details/106785134
上一篇: Numpy ndarray:多维数组对象
下一篇: 第四天 列表、元组、字符串
推荐阅读
-
Android Studio导入library项目开源库的图文教程
-
Android studio怎么为项目添加模块依赖?
-
clipse项目迁移到android studio的方法(图文最新版)
-
Android Studio 3.0 新功能全面解析和旧项目适配问题
-
Android studio怎么对最近打开项目进行分组?
-
Android Studio怎么解决导入项目的中文注释乱码的问题?
-
Android studio多个项目之间怎么实现快速切换?
-
Android Studio彻底删除工程项目的详细方法
-
Android studio项目怎么使用git版本返回到上个版本?
-
Android Studio怎么导入新的项目?