当前位置： 移动技术网 > 移动技术>移动开发>Android > Android studio 启动 react-native 项目

Android studio 启动 react-native 项目

2020年07月08日  | 移动技术网移动技术  | 我要评论

场景描述：

  • 项目框架：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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网