时间戳

首页 > 解决方案 > 如何在 VSC 中运行和调试 React Native Android App？

android - 如何在 VSC 中运行和调试 React Native Android App？

问题描述

我目前需要使用以下步骤来使用 Android Studio 和 Google Chrome 运行和调试 React Native Android App：

  1. 启动 Android Studio
  2. 设置模拟器
  3. 转到终端，运行npm start
  4. 选择想要的味道
  5. 运行模拟器
  6. Chrome 中的远程调试

我想知道是否可以更轻松地使用 Visual Studio Code（可能带有一些官方插件）一键完成以上所有操作？请列出配置它的步骤。

标签： androidreact-nativevisual-studio-code

解决方案

使用 Visual code 调试 react native android 和 ios app，我们需要在 VSC React native-Full Pack中添加附加插件

步骤1。

安装 React Native - 完整包扩展

第2步。

使用 USB 调试模式连接移动设备或从 android studio 打开模拟器。

步骤 3。

单击 Visual Code Studio 左侧菜单中的调试选项单击添加配置并选择 React Native 然后创建 launch.json

第4步。

长按后打开手机中的开发选项或摇动手机并远程启用调试js

步骤 5。

最后一步点击播放按钮并选择Debug android或Debug ios

有关更多信息，请参阅此链接

https://medium.com/@tunvirrahmantusher/android-debug-with-vscode-for-react-native-96f54d73462a

推荐阅读