gpt4 book ai didi

reactjs - 如何在 Visual Studio 代码中调试 React Native 应用程序?

转载 作者:行者123 更新时间:2023-12-03 13:57:51 34 4
gpt4 key购买 nike

我正在使用 Visual Studio Code IDE 来开发 React Native 应用程序,并且没有使用 expo 库。

在此之前,我在 android studio 工作,调试非常简单。

现在对于react-native,我想知道如何使用 Visual Studio Code IDE 调试我的应用程序?

最佳答案

如果您想在 VS Code 本身中调试应用程序,就像在其他 IDE 中一样。那么可以按照以下步骤操作:

  1. React Native Tools 扩展(由 Microsoft 提供)安装到 VS Code。

enter image description here

这是对 VS Code 的 React Native 功能的一个很好的补充。

  • 然后从左侧菜单转到“调试”选项,然后单击“添加配置”。
  • enter image description here

    如果它最初显示无配置,那么您可以单击“添加配置”,然后选择“React Native”选项。

  • 现在,如果已经添加了启动配置,那么您可以单击“添加配置”按钮,然后您将看到更多与 React Native 相关的选项。
  • enter image description here

    您可以在以下位置添加 React Native:附加到 PackagerReact Native:调试到 AndroidReact Native:调试到 iOS 的配置您的 launch.json 文件。它存在于 .vscode 文件夹中。

  • 然后在代码中添加断点。现在假设您的应用程序已经在模拟器上运行,那么您可以选择选项附加到打包程序
  • enter image description here

  • 然后在模拟器或设备上打开开发人员选项(Windows + Android 为 Ctrl + M)并点击远程调试 JS
  • enter image description here

    现在你的断点应该可以工作了。同样,如果您的应用尚未运行,那么您可以相应地进行调试 Android调试 iOS

    关于reactjs - 如何在 Visual Studio 代码中调试 React Native 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51666188/

    34 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com