zoukankan      html  css  js  c++  java
  • React Native 断点调试(React Native Tools)

    我们在项目中会有很多调试方法,一般我们用warn、alert等等都可以,

    但有时我们需要跟着流程定位问题,那么此时我们就需要使用断点调试了,当然别的方式也可以,只不过断点更加简单

    下面简述下使用React Native Tools实现

    1、首先在应用商店找到React Native Tools然后安装

    2、.vscode文件下配置launch.json文件

    代码:launch.json

    {
        // 使用 IntelliSense 了解相关属性。 
        // 悬停以查看现有属性的描述。
        // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "name": "Debug Miniapp",
                "cwd": "${workspaceFolder}",
                "type": "reactnative",
                "request": "attach"
            }
        ]
    }

    3、关闭终端,点击运行--启动调试,模拟器开启Debug JS Remotely

    VScode:

    模拟器:

    4、添加断点(运行的时候,就可以断点,可以查看我们需要的数据)

    5、关闭调试模式,VScode:点击运行---停止调试,模拟器点击Stop Remote JS Debugging

    VScode:

    模拟器:

    至此使用React Native Tools断点调试完成

  • 相关阅读:
    numpy基本使用2
    python 继承 多态
    动态规划算法题(5题)
    利用栈非递归实现块排
    数据结构
    对Node的优点和缺点提出了自己的看法?
    前后端交互流程,如何进行交互
    Web App、Hybrid App与Native App的设计差异
    什么叫优雅降级和渐进增强?
    常用博客
  • 原文地址:https://www.cnblogs.com/lijianyi/p/15433699.html
Copyright © 2011-2022 走看看