如何在VSC中运行和调试React Native Android App?

时间:2019-04-30 02:05:02

标签: android react-native visual-studio-code

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

  1. 启动Android Studio
  2. 设置模拟器
  3. 转到终端,运行 npm start
  4. 选择欲望口味
  5. 运行模拟器
  6. 在Chrome中进行远程调试

我想知道是否可以通过一次单击即可使用Visual Studio Code(可能带有某些官方插件)使生活更轻松?请列出配置它的步骤。

2 个答案:

答案 0 :(得分:0)

使用Visual代码调试响应本机android和ios应用,我们需要在VSC中添加附加插件 React native-Full Pack

第1步。

安装React Native-Full Pack扩展

第2步。

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

第3步。

在可视代码工作室的左侧菜单中单击调试选项。单击添加配置并选择React Native,然后创建launch.json

第4步。

长按手机背面的手机中的“打开开发人员”选项按下或摇动手机并远程启用Debug js

第5步。

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

有关更多信息,请参见此链接

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

答案 1 :(得分:0)

不需要android studio,您可以连接真实设备而不是仿真器。