如何在Visual Studio代码中调试React本机应用程序？

Question

我正在使用Visual Studio代码IDE来开发React本机应用程序，而不是在使用EXPO库。

在此之前，我在android studio上工作，调试非常简单明了。

现在，对于React-native，我想知道如何使用Visual Studio Code IDE调试应用程序？

Answer 1

如果您想像其他IDE一样使用VS Code本身调试应用程序。然后可以采取以下步骤：

1. 将React Native Tools扩展程序（由提供Microsoft）安装到VS Code。

这是VS Code对React Native的强大补充。

2. 然后从左侧菜单转到“调试”选项，然后单击“添加配置”。

如果最初说的是，No Configuration那么您可以单击添加配置，然后选择React Native选项。

3. 现在，如果已经Launch configuration添加了，那么您可以单击“添加配置”按钮，然后您将看到更多与React Native相关的选项。

您可以添加配置为React Native: Attach to Packager，React Native: Debug to Android，React Native: Debug to iOS在你的launch.json文件。它存在于.vscode文件夹中。

4. 然后在代码中添加断点。现在假设您已经在模拟器上运行了应用程序，那么可以选择option Attach to Packager。

5. 然后在模拟器或设备上打开开发人员选项（对于Windows + Android，为Ctrl + M），然后单击Debug JS Remotely。

现在，您的断点应该可以正常工作了。同样的，如果你的应用是不是已经工作，那么你可以去Debug Android或Debug iOS相应。