Android studio 启动 react-native 项目

场景描述:javascript

  • 项目框架:react-native
  • 开发工具:VScode
  • build工具:Android studio
  • 模拟器:夜神模拟器

使用 VScode 编辑器开发 react-natice 混合App,不能独立使用 VScode 完成,须要借助 Android studio 下载和安装安卓相关的依赖java

一、使用react-native工具建立项目

打开 cmd,执行建立命令react

react-native
二、使用Android studio安装相关依赖

项目建立完成以后,使用Android studio打开项目,打开以后会自动进行 build,build须要等待,成功以后能够进行下一步android

三、链接模拟器

模拟器链接操做能够在Android studio中进行,也能够在VScode中进行,还能够在cmd中进行web

运行项目以前须要链接模拟器,使用Android studio自带的adb工具进行链接,链接命令以下react-native

adb connect 127.0.0.1:62001

可使用 adb devices 查看链接状态,若是因为端口被占用致使链接失败,能够执行 adb kill-server ,再次重试框架

四、在VScode中安装调试工具

运行以前须要安装react-native调试工具
在这里插入图片描述
安装成功以后,在下图所示区域进行运行
在这里插入图片描述编辑器

五、在VScode中运行项目

打开终端,执行命令。在这个过程当中,项目会自动在模拟器中进行安装和运行svg

react-native run-android

或者在1.4中第二张图片位置进行运行工具