我正在使用Visual Studio Code IDE开发React Native应用程序,没有使用Expo库。
在此之前,我一直在使用Android Studio,其中的调试非常简单直观。
现在,对于React Native,我想知道如何使用Visual Studio Code IDE调试我的应用程序?
我正在使用Visual Studio Code IDE开发React Native应用程序,没有使用Expo库。
在此之前,我一直在使用Android Studio,其中的调试非常简单直观。
现在,对于React Native,我想知道如何使用Visual Studio Code IDE调试我的应用程序?
如果您想在VS Code中调试应用程序,就像在其他IDE中一样。那么一个方法是遵循以下步骤:
React Native Tools
扩展(由Microsoft
提供)。这是对于React Native而言,VS Code功能的不错补充。
如果一开始它显示No Configuration
,那么您可以点击Add Configuration按钮,然后选择React Native选项。
Launch configuration
,则可以点击Add Configuration按钮,然后会看到更多与React Native相关的选项。您可以在launch.json
文件中为React Native: Attach to Packager
、React Native: Debug to Android
、React Native: Debug to iOS
添加配置。它在.vscode
文件夹中。
Attach to Packager
选项。Debug JS Remotely
。现在您的断点应该正在工作。同样,如果您的应用程序尚未运行,则可以相应地选择 Debug Android
或 Debug iOS
。
步骤1:如果您正在运行Android系统,可以通过摇动手机或在机器上输入此命令来打开移动设备中的应用程序设置。
adb shell input keyevent 82
步骤2:选择第二个选项Debug JS Remotely。
步骤3:在您的浏览器中输入网址http://localhost:8081/debugger-ui/
。
步骤4:再次通过摇晃或运行步骤1中显示的命令打开应用程序设置,并选择第一个选项Reload。
现在,您可以在浏览器中获取所有控制台日志,并且还可以通过设置断点并逐步分析值来远程调试应用程序。